<template>
  <div>
    <div class="nk-container">
      <header
        data-v-5598cced=""
        class="nc-nav-header js-nowcoder-header default-header-page"
      >
        <span class="do-exam-time">
          <label>剩余时间：</label>
          <label>{{ formatSeconds(remainTime) }}</label>
        </span>

        <!-- <el-button type="" @click="drawIoShowingToggle"
          >drawIoShowingToggle</el-button
        >
        <el-button type="" @click="iframeDocShowingToggle"
          >iframeDocShowingToggle</el-button
        > -->

        <nav data-v-5598cced="">
          <a
            data-v-5598cced=""
            href="https://www.nowcoder.com/"
            class="logo"
            style="width: 140px"
            ><img
              data-v-5598cced=""
              src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/1.png"
              alt="logo"
          /></a>
          <ul data-v-2a49ace6="" data-v-5598cced="" class="nc-nav-header-menu">
            <li data-v-2a49ace6="" class="hover-class nc-nav-header-menuitem">
              <!-- href="https://www.nowcoder.com/landing" -->
              <!-- href="/index" -->
              <a data-v-2a49ace6="" href="/" class="">首页</a>
              <!-- /index -->
              <div data-v-2a49ace6="" class="line" style="display: none"></div>
              <!---->
            </li>
            <li data-v-2a49ace6="" class="hover-class nc-nav-header-menuitem">
              <div data-v-2a49ace6="" class="el-dropdown">
                <a
                  data-v-2a49ace6=""
                  href="https://www.nowcoder.com/contestRoom"
                  class="hover-class head-title el-dropdown-selfdefine"
                  aria-haspopup="list"
                  aria-controls="dropdown-menu-4725"
                  role="button"
                  tabindex="0"
                  >题库</a
                >
                <ul
                  data-v-2a49ace6=""
                  class="el-dropdown-menu el-popper nav-dropdown"
                  id="dropdown-menu-4725"
                  style="display: none"
                >
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/exam/company"
                        class="tw-block"
                        >公司真题</a
                      >
                    </div>
                  </li>
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/exam/intelligent"
                        class="tw-block"
                        >专项练习</a
                      >
                    </div>
                  </li>
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/exam/interview"
                        class="tw-block"
                        >面试题库</a
                      >
                    </div>
                  </li>
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/exam/oj"
                        class="tw-block"
                        >在线编程</a
                      >
                    </div>
                  </li>
                  <!---->
                </ul>
              </div>
              <div data-v-2a49ace6="" class="line" style="display: none"></div>
              <!---->
            </li>
            <li data-v-2a49ace6="" class="hover-class nc-nav-header-menuitem">
              <div data-v-2a49ace6="" class="el-dropdown">
                <!-- 面试 -->
                <!-- href="https://www.nowcoder.com/interview/center" -->
                <!-- class="hover-class head-title el-dropdown-selfdefine" -->
                <a
                  data-v-2a49ace6=""
                  href="http://139.196.8.79/"
                  class="hover-class head-title el-dropdown-selfdefine"
                  aria-haspopup="list"
                  aria-controls="dropdown-menu-5272"
                  role="button"
                  tabindex="0"
                  >解题思路</a
                >
                <ul
                  data-v-2a49ace6=""
                  class="el-dropdown-menu el-popper nav-dropdown"
                  id="dropdown-menu-5272"
                  style="display: none"
                >
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/interview/ai/index"
                        class="tw-block"
                        >AI 模拟面试</a
                      >
                    </div>
                  </li>
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/interview/center"
                        class="tw-block"
                        >面经汇总</a
                      >
                    </div>
                  </li>
                </ul>
              </div>
              <div data-v-2a49ace6="" class="line" style="display: none"></div>
              <!---->
            </li>
            <li data-v-2a49ace6="" class="hover-class nc-nav-header-menuitem">
              <div data-v-2a49ace6="" class="el-dropdown">
                <a
                  data-v-2a49ace6=""
                  href="https://www.nowcoder.com/courses"
                  class="hover-class head-title el-dropdown-selfdefine"
                  aria-haspopup="list"
                  aria-controls="dropdown-menu-4498"
                  role="button"
                  tabindex="0"
                  >学习</a
                >
                <ul
                  data-v-2a49ace6=""
                  class="el-dropdown-menu el-popper nav-dropdown"
                  id="dropdown-menu-4498"
                  style="display: none"
                >
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/courses"
                        class="tw-block"
                        >课程</a
                      >
                    </div>
                  </li>
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/blog/blogCenter"
                        class="tw-block"
                        >专栏·文章</a
                      >
                    </div>
                  </li>
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/project/recommend"
                        class="tw-block"
                        >项目实战</a
                      >
                    </div>
                  </li>
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/library"
                        class="tw-block"
                        >图书馆</a
                      >
                    </div>
                  </li>
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/stacks/0/0"
                        class="tw-block"
                        >技术栈</a
                      >
                    </div>
                  </li>
                </ul>
              </div>
              <div data-v-2a49ace6="" class="line" style="display: none"></div>
              <!---->
            </li>
            <li data-v-2a49ace6="" class="hover-class nc-nav-header-menuitem">
              <a
                data-v-2a49ace6=""
                href="https://www.nowcoder.com/jobs/recommend/campus"
                class=""
                >求职</a
              >
              <div data-v-2a49ace6="" class="line" style="display: none"></div>
              <!---->
            </li>
            <li data-v-2a49ace6="" class="hover-class nc-nav-header-menuitem">
              <div data-v-2a49ace6="" class="el-dropdown">
                <a
                  data-v-2a49ace6=""
                  href="https://www.nowcoder.com/discuss?cuid=a6dacc44-43bc-452f-89a3-c72b56d82762"
                  class="hover-class head-title el-dropdown-selfdefine"
                  aria-haspopup="list"
                  aria-controls="dropdown-menu-2462"
                  role="button"
                  tabindex="0"
                  >讨论区</a
                >
                <ul
                  data-v-2a49ace6=""
                  class="el-dropdown-menu el-popper nav-dropdown"
                  id="dropdown-menu-2462"
                  style="display: none"
                >
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/discuss?cuid=a6dacc44-43bc-452f-89a3-c72b56d82762"
                        class="tw-block"
                        >讨论区</a
                      >
                    </div>
                  </li>
                  <li
                    data-v-2a49ace6=""
                    tabindex="-1"
                    class="el-dropdown-menu__item"
                  >
                    <!---->
                    <div data-v-2a49ace6="" style="width: 100%">
                      <a
                        data-v-2a49ace6=""
                        href="https://www.nowcoder.com/circle"
                        class="tw-block"
                        >圈子</a
                      >
                    </div>
                  </li>
                </ul>
              </div>
              <div data-v-2a49ace6="" class="line" style="display: none"></div>
              <!---->
            </li>
            <li data-v-2a49ace6="" class="hover-class nc-nav-header-menuitem">
              <a
                data-v-2a49ace6=""
                href="https://ac.nowcoder.com/acm/home"
                class=""
                >竞赛</a
              >
              <div data-v-2a49ace6="" class="line" style="display: none"></div>
              <!---->
            </li>
          </ul>
          <div
            data-v-5598cced=""
            class="nc-nav-header-search"
            style="margin-right: 12px; margin-left: auto"
          >
            <div
              aria-haspopup="listbox"
              role="combobox"
              aria-owns="el-autocomplete-8426"
              class="el-autocomplete"
            >
              <div class="el-input el-input--suffix is-borderless">
                <!----><input
                  type="text"
                  autocomplete="off"
                  valuekey="value"
                  popperclass="search-suggestion-list"
                  placeholder="搜索面经/职位/试题/公司"
                  maxlength="50"
                  fetchsuggestions="function () { [native code] }"
                  triggeronfocus="true"
                  debounce="200"
                  placement="bottom-start"
                  popperappendtobody="true"
                  visiblearrow="true"
                  class="el-input__inner"
                  role="textbox"
                  aria-autocomplete="list"
                  aria-controls="id"
                  aria-activedescendant="el-autocomplete-8426-item--1"
                  style="padding-right: 30px"
                />
                <!----><span class="el-input__suffix"
                  ><span class="el-input__suffix-inner"
                    ><i class="el-input__icon el-icon-search"></i>
                    <!---->
                    <!---->
                    <!---->
                    <!----></span
                  >
                  <!----></span
                >
                <!---->
                <!---->
              </div>
              <div
                role="region"
                class="el-autocomplete-suggestion el-popper search-suggestion-list"
                style="display: none"
              >
                <div class="el-scrollbar nowcoder-custom">
                  <div
                    class="el-autocomplete-suggestion__wrap el-scrollbar__wrap"
                    style="margin-bottom: -17px; margin-right: -17px"
                  >
                    <ul
                      class="el-scrollbar__view el-autocomplete-suggestion__list"
                      role="listbox"
                      id="el-autocomplete-8426"
                    ></ul>
                  </div>
                  <div class="el-scrollbar__bar is-horizontal">
                    <div
                      class="el-scrollbar__thumb"
                      style="transform: translateX(0%)"
                    ></div>
                  </div>
                  <div class="el-scrollbar__bar is-vertical">
                    <div
                      class="el-scrollbar__thumb"
                      style="transform: translateY(0%)"
                    ></div>
                  </div>
                </div>
              </div>
            </div>
            <!---->
          </div>
          <div data-v-61746d8a="" data-v-5598cced="" class="el-dropdown">
            <a
              data-v-61746d8a=""
              href="https://www.nowcoder.com/creation/manager/content"
              target="_blank"
              class="publish-enter el-dropdown-selfdefine"
              aria-haspopup="list"
              aria-controls="dropdown-menu-7364"
              role="button"
              tabindex="0"
            >
              创作者中心
              <i
                data-v-61746d8a=""
                class="el-icon-arrow-down el-icon--right"
              ></i
            ></a>
            <ul
              data-v-61746d8a=""
              class="el-dropdown-menu el-popper creation-enter-dropdown"
              id="dropdown-menu-7364"
              style="display: none"
            >
              <div data-v-61746d8a="" class="publish-options">
                <a
                  data-v-61746d8a=""
                  href="https://www.nowcoder.com/creation/write/dynamic?publishEntrancePage=header"
                  target="_blank"
                  ><img
                    data-v-61746d8a=""
                    src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/1658118477816UCUNV.png"
                  />
                  发动态
                </a>
                <a
                  data-v-61746d8a=""
                  href="https://www.nowcoder.com/discuss/v2/post?type=0&amp;navigation=1"
                  target="_blank"
                  ><img
                    data-v-61746d8a=""
                    src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/1658118495689CNIDW.png"
                  />
                  写文章
                </a>
              </div>
            </ul>
          </div>
          <!---->
          <div data-v-5598cced="" class="right" style="margin-left: 12px">
            <div
              data-v-5598cced=""
              class="icon-style"
              style="margin-right: 8px"
            >
              <a
                data-v-5598cced=""
                href="https://nowpick.nowcoder.com/?channel=zz_guide"
                target="_blank"
                ><span
                  data-v-6acb0236=""
                  data-v-5598cced=""
                  tagname="span"
                  class="ncicon el-tooltip ncicon-bleed"
                  aria-label="Woyaozhaoren001"
                  aria-describedby="el-tooltip-4630"
                  tabindex="0"
                  ><svg
                    data-v-6acb0236=""
                    focusable="false"
                    viewBox="0 0 1024 1024"
                    fill="currentColor"
                    width="20"
                    height="20"
                    aria-hidden="true"
                  >
                    <g fill="currentColor" fill-rule="nonzero">
                      <path
                        d="M708.2157 56c142.0402 0 257.4554 113.9948 259.7495 255.4883l.0348 4.296v392.4314c0 27.0434-21.923 48.9665-48.9664 48.9665-26.773 0-48.5275-21.4868-48.96-48.1567l-.0065-.8098V315.7843c0-88.4942-71.0213-160.4005-159.1749-161.8297l-2.6765-.0217H315.7843c-88.4942 0-160.4005 71.0213-161.8297 159.1749l-.0217 2.6765v392.4314c0 88.4942 71.0213 160.4005 159.1749 161.8297l2.6765.0217h392.4314c27.0434 0 48.9665 21.923 48.9665 48.9665 0 26.773-21.4868 48.5274-48.1567 48.9664H315.7843C173.744 968 58.3289 854.0052 56.0348 712.5117L56 708.2157V315.7843C56 173.744 169.9948 58.3289 311.4883 56.0348l4.296-.0348h392.4314z"
                      ></path>
                      <path
                        d="M358.3124 261c-8.1545 0-14.2138 1.9445-18.4039 5.7002-3.8062 3.4116-5.9561 9.763-6.1119 19.285l-.0068.553-.0024.5897v74.7694H291.21c-9.051 0-15.0986 2.1125-18.4913 6.0471-3.5785 4.15-5.497 10.978-5.497 20.6174 0 9.2776 1.9094 15.9202 5.497 20.0808 3.2581 3.7785 8.9615 5.876 17.4094 6.037l.5316.0075.5503.0026h42.5773v107.7806l-2.5909 1.4247c-7.184 3.9502-14.1895 7.7215-21.0167 11.3139-6.202 3.2634-12.5497 6.3794-19.043 9.348l-2.0308.9201-.4934.2531c-18.2702 9.4625-24.6513 21.3635-20.2824 36.8368l.1357.47.1331.4431.1433.4193c2.972 8.6098 7.4078 13.5559 13.3838 15.3797l.3399.0999.3432.0932c6.8932 1.7978 15.347.2326 25.4907-5.001a413.694 413.694 0 0 1 7.4333-3.6215l1.5313-.724c2.2846-1.0749 4.626-2.2565 7.0137-3.5395l1.026-.556 8.4832-4.6738v108.2873c0 5.8279-2.4039 10.761-7.002 14.3902-4.531 3.5763-9.4282 4.8247-14.2644 3.3442l-.3453-.1104-.1921-.0684c-9.1588-3.4731-16.4034-3.6225-21.9817-.7625-5.6641 2.904-9.6789 7.63-12.1644 14.4637l-.175.4917c-2.8274 7.852-2.9785 14.6519-.5988 20.5996 2.3209 5.801 7.9736 10.8413 17.2132 14.9825 7.6811 3.3388 15.3125 5.1633 22.9176 5.4938l3.6788.1512 2.642.0968 3.3666.107 1.6162.044 2.3405.0544 2.24.04 1.4373.019 2.072.0196h1.3254c16.7331 0 28.1453-4.8785 34.8111-14.4873 6.8306-9.8463 10.4327-24.0468 10.6403-42.6469l.0072-.8616.0024-.87V551.7554l2.1837-1.4885c7.8065-5.3213 15.3452-10.73 22.616-16.2262 6.7128-5.0743 13.04-10.3748 18.9824-15.9014l1.575-1.4782.3521-.2347c1.475-.9831 2.7116-2.1815 3.731-3.6165l.2503-.3637 4.7789-7.1666 4.0314 8.0588.3426.6692.3233.6148.3036.56.2834.5045c.091.159.1787.3085.2628.4488.2624.4372.5545.8326.8781 1.1906l.2487.2614.1604.1604.1452.1742c6.3323 7.597 12.546 11.3392 18.6695 11.624 3.9759.1849 9.073-1.4667 15.1954-5.0376l.9033-.5363c1.973-1.1916 4.0485-2.5767 6.2236-4.1577l1.011-.7437 1.025-.7715 1.0391-.7995 1.053-.8275c13.7723-10.9445 25.9398-22.0513 36.504-33.317 10.4829-11.179 19.7462-23.5853 27.792-37.225 8.0471-13.6416 14.8817-28.8843 20.4993-45.733 4.1034-12.3071 7.7472-26.0402 10.9277-41.194l.591-2.858c.7806-3.8329 1.5323-7.7545 2.255-11.7648l.2696-1.508.9973-5.666h91.1614c8.6155 0 14.6248 1.2874 18.2844 4.4235 3.7428 3.2073 5.5373 8.8472 6.0061 16.9677l.0287.533.0052.1456c.3631 17.4263-.4555 33.43-2.4612 48.014-1.9555 14.2178-4.871 26.758-8.7604 37.6252l-.3563.9833-.1115.3176c-4.8951 13.5746-18.6425 20.1348-40.0128 20.1348-6.6437 0-12.9341-.37-18.8718-1.112-6.0025-.7501-12.8687-2.2343-20.5993-4.4426l-1.2315-.3404c-12.1939-3.3009-20.746-3.52-25.4554-1.0986-4.8607 2.4991-8.7627 7.7132-11.5897 15.9272l-.228.6685c-3.4565 9.4243-3.3828 16.6446-.1487 21.9866 3.3163 5.4777 11.1033 10.0387 23.5444 13.312.6185.1595 1.2312.3154 1.8379.4675l1.8025.445c3.2721.7955 6.3656 1.478 9.2793 2.0478l1.5714.2996c4.6607.8654 8.8393 1.4291 12.5305 1.6927.6719.048 1.3511.0938 2.0379.1374l2.0826.1244c1.0525.0589 2.1217.1129 3.2077.162l2.1944.0917c.3694.0142.7408.0278 1.114.041l2.2613.072c.7613.0218 1.53.0415 2.306.059l2.3507.0459c.3955.0065.7929.0125 1.1921.018l2.4176.0262c1.22.0098 2.4567.0148 3.71.0148 23.8826 0 43.6208-4.4615 59.2744-13.307 15.3264-8.6607 26.3631-23.0383 33.1465-43.3835 4.5462-13.6353 7.9674-29.1583 10.2539-46.5665l.2294-1.7924c.0751-.6028.149-1.2108.2215-1.824l.2136-1.8558c.07-.6239.1385-1.253.2058-1.8874l.1979-1.919c.0323-.3225.0643-.6463.096-.9714l.186-1.9665.1782-1.9982.1702-2.0298c.0277-.341.0551-.6832.0822-1.0267l.1584-2.0772.1505-2.1089.1426-2.1404.1348-2.172.1268-2.2037.1189-2.2353.111-2.2668.103-2.2985.0952-2.33.0872-2.3615c.014-.3962.0275-.7938.0407-1.1926l.0753-2.409c.012-.404.0235-.8095.0348-1.2162l.0634-2.4563.0556-2.4878c.0086-.4172.0169-.8358.0248-1.2557l.0436-2.535.0358-2.5667.0278-2.5982.0198-2.6296.0159-2.6612v-2.6927c0-5.716-.29-11.0187-.865-15.9098l-.172-1.3863c-1.678-12.834-5.3798-22.7417-11.0128-29.7525-7.5042-9.3397-20.736-14.2686-40.0635-14.4926l-.6929-.006-.707-.002H473.1916c-9.4714 0-15.8543 2.0776-19.4197 5.9162-3.6784 3.9605-5.6421 10.4544-5.6421 19.675 0 9.2205 1.9637 15.7143 5.6421 19.6748 3.4251 3.6876 9.449 5.7503 18.3025 5.9066l.5456.0072.5716.0025h64.9643l-.984 5.8318c-5.1106 30.2917-13.9974 55.8463-26.6989 76.6423-12.5077 20.4787-30.223 39.2016-53.108 56.177l-.778.5732-.299.2972c-1.3398 1.312-2.6425 2.4913-3.9106 3.5379l-.5414.4404-.5372.4243a44.0046 44.0046 0 0 0-3.448 2.9785l-.6491.6355-5.3613 5.3599-2.816-7.0386c-.5557-1.3887-1.2365-2.6139-2.0416-3.687-.7381-.984-1.4713-2.0374-2.2004-3.1606l-.437-.6823-.3924-.6282-.213-.1667c-5.96-4.6153-11.4653-6.7329-16.5808-6.5675l-.383.0167-.3724.0245c-5.69.4376-12.2216 3.5373-19.5261 9.4722l-.3397.2778-.2302.227c-.4406.423-.9043.843-1.391 1.2604l-.4942.4163-.5096.4146c-.5259.4206-1.0096.8362-1.4303 1.226l-.2446.2305-8.8638 8.6808v-75.9309h29.1568c9.051 0 15.0986-2.1125 18.4913-6.0471 3.5876-4.1606 5.4969-10.8032 5.4969-20.0808 0-9.6394-1.9185-16.4674-5.4969-20.6174-3.2581-3.7785-8.9616-5.876-17.4095-6.037l-.5315-.0075-.5503-.0026h-29.1568v-74.7694c0-9.1207-2.2361-15.6037-6.527-19.7506-4.373-4.2262-10.457-6.3773-18.5349-6.3773z"
                      ></path>
                      <path
                        d="m699.396 535.2474.7398.0082c17.6834.1991 30.0041 4.021 37.1248 11.1399 7.219 7.2172 11.0474 19.7778 11.1503 37.858v124.4148l-.0086.771c-.1945 17.3996-3.7203 29.7978-10.2907 37.2833-6.4942 7.3985-18.6146 11.3465-36.6137 11.4472H517.056l-1.3797-.0167-1.3561-.03c-16.8043-.4683-28.087-4.4546-34.0796-11.5869-6.5448-7.7895-10.0003-20.382-10.1013-37.8705V584.212l.0083-.76c.1886-17.4046 3.6322-29.7242 10.0274-37.0311 6.3046-7.2036 18.5216-11.076 36.8727-11.1735H699.396zm-20.6029 61.1823H538.716l-.3498.0021-.6078.014-.575.026c-4.376.2516-5.788 1.6374-5.845 4.9415l-.002.2135v90.1198l.003.3638c.0387 2.1842.4434 3.4215.948 3.926l.024.02.0859.0528c.037.02.0827.0425.1372.0668l.19.078.244.0863c.181.0595.3991.1225.656.185 1.1435.278 2.6983.4396 4.6375.46l.4215.0021H678.793l.6435-.0058c.209-.0039.4125-.0097.6106-.0175l.5786-.0296c.0938-.006.1863-.0124.2775-.0193l.5317-.048c3.779-.3971 5.1193-1.8067 5.2336-4.6582l.0084-.4186v-90.1146l-.0023-.2616c-.0613-3.1033-1.4698-4.5805-5.7652-4.9113l-.5641-.036-.294-.0135-.6126-.0178-.6457-.006z"
                      ></path>
                    </g></svg></span
              ></a>
            </div>
            <div
              data-v-5598cced=""
              class="icon-style"
              style="margin-right: 8px"
            >
              <a
                data-v-5598cced=""
                href="https://www.nowcoder.com/sns/message/889007829/conversation-list"
              >
                <div
                  data-v-5598cced=""
                  class="el-tooltip"
                  aria-describedby="el-tooltip-773"
                  tabindex="0"
                  style="position: relative"
                >
                  <span
                    data-v-6acb0236=""
                    data-v-5598cced=""
                    tagname="span"
                    class="ncicon tw-text-gray-600 ncicon-bleed"
                    aria-label="Xiaoxi002"
                    ><svg
                      data-v-6acb0236=""
                      focusable="false"
                      viewBox="0 0 1024 1024"
                      fill="currentColor"
                      width="20"
                      height="20"
                      aria-hidden="true"
                    >
                      <g fill="currentColor" fill-rule="nonzero">
                        <path
                          d="M842.6667 144H181.3333c-79.529 0-144 64.471-144 144v448c0 79.529 64.471 144 144 144h661.3334c79.529 0 144-64.471 144-144V288c0-79.529-64.471-144-144-144zm-661.3334 96h661.3334c26.5096 0 48 21.4903 48 48v448c0 26.5097-21.4904 48-48 48H181.3333c-26.5096 0-48-21.4903-48-48V288c0-26.5097 21.4904-48 48-48z"
                        ></path>
                        <path
                          d="M82.274 189.7056c15.7468-20.9957 45.392-25.4182 66.5612-10.0712l.6389.4712L502.4 444.8c5.589 4.1918 13.2373 4.2654 18.8986.2206l.3014-.2206 351.3645-263.5233c21.2077-15.9058 51.2942-11.6078 67.2 9.6 15.7467 20.9956 11.6916 50.6933-8.9689 66.7185l-.6311.4815L579.2 521.6c-39.424 29.568-93.4842 29.8637-133.2009.887L444.8 521.6 91.874 256.9056c-21.2076-15.9058-25.5057-45.9923-9.6-67.2z"
                        ></path>
                        <path
                          d="M512 144c26.5097 0 48 21.4903 48 48 0 26.2446-21.0627 47.5697-47.2062 47.9936L512 240H181.3333c-26.2445 0-47.5697 21.0627-47.9935 47.2062l-.0065.7938v224c0 26.5097-21.4903 48-48 48-26.2445 0-47.5697-21.0627-47.9935-47.2062L37.3333 512V288c0-78.7337 63.188-142.709 141.6187-143.9807l2.3813-.0193H512z"
                        ></path>
                        <path
                          d="M842.6667 144c78.7337 0 142.709 63.188 143.9807 141.6187l.0193 2.3813v224c0 26.5097-21.4904 48-48 48-26.2446 0-47.5697-21.0627-47.9936-47.2062l-.0064-.7938V288c0-26.2446-21.0627-47.5697-47.2063-47.9936l-.7937-.0064H512c-26.5097 0-48-21.4903-48-48 0-26.2446 21.0627-47.5697 47.2062-47.9936L512 144h330.6667z"
                        ></path>
                      </g></svg
                  ></span>
                  <div
                    data-v-5598cced=""
                    class=""
                    style="z-index: 1; box-sizing: border-box"
                  ></div>
                </div>
              </a>
            </div>
            <div data-v-5598cced="" style="margin-right: 8px">
              <div
                data-v-2caa36f6=""
                data-v-5598cced=""
                style="position: relative; height: 36px"
              >
                <img
                  data-v-2caa36f6=""
                  src=""
                  alt="openVip"
                  class="openvip"
                />
                <div
                  data-v-2caa36f6=""
                  class="vip-card-dropdown"
                  style="display: none"
                >
                  <div data-v-2caa36f6="" class="vip-card-container">
                    <div data-v-2caa36f6="" class="title-line-1">
                      牛客会员·轻松拿OFFER
                    </div>
                    <div data-v-2caa36f6="" class="title-line-2">
                      求职路上牛客为你保驾护航
                    </div>
                    <div data-v-2caa36f6="" class="vip-desc-card-warpper">
                      <div data-v-2caa36f6="" class="privilege-card">
                        <img
                          data-v-2caa36f6=""
                          src=""
                          alt="vipCircle"
                        />
                        <span data-v-2caa36f6="">视频题解300+</span>
                      </div>
                      <div data-v-2caa36f6="" class="privilege-card">
                        <img
                          data-v-2caa36f6=""
                          src=""
                          alt="vipLabel"
                        />
                        <span data-v-2caa36f6="">会员专属标识</span>
                      </div>
                      <div data-v-2caa36f6="" class="privilege-card">
                        <img
                          data-v-2caa36f6=""
                          src=""
                          alt="vipQuestion"
                        />
                        <span data-v-2caa36f6="">会员题目150+</span>
                      </div>
                    </div>
                    <div data-v-2caa36f6="" class="vip-btns">
                      <div data-v-2caa36f6="" class="learn-vip-btn-bg">
                        <a
                          data-v-2caa36f6=""
                          href="https://www.nowcoder.com/users/vip/detail?pageSource_var=%E5%AF%BC%E8%88%AA%E6%A0%8F-%E5%9B%BA%E5%AE%9A%E4%BD%8D"
                          target="_blank"
                          class="learn-vip-btn"
                          ><span data-v-2caa36f6="">了解会员</span></a
                        >
                      </div>
                      <div data-v-2caa36f6="" class="open-vip-btn">
                        <span data-v-2caa36f6="">成为会员</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div data-v-5598cced="">
              <div data-v-e2880ffa="" data-v-5598cced="" class="el-dropdown">
                <div
                  data-v-e2880ffa=""
                  class="nc-nav-header-avatar el-dropdown-selfdefine"
                  aria-haspopup="list"
                  aria-controls="dropdown-menu-2222"
                  role="button"
                  tabindex="0"
                >
                  <span
                    data-v-e2880ffa=""
                    class="el-avatar el-avatar--circle"
                    style="height: 32px; width: 32px; line-height: 32px"
                    ><img
                      src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/889007829_1569925458763_025D697BCBE26745C4064EE75FB3AA64.png"
                      style="object-fit: cover"
                  /></span>
                  <!---->
                  <!---->
                </div>
                <ul
                  data-v-e2880ffa=""
                  class="el-dropdown-menu el-popper nc-nav-header-profile-dropdown"
                  id="dropdown-menu-2222"
                  style="display: none"
                >
                  <img
                    data-v-e2880ffa=""
                    src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/1660822934823UNILG.png"
                    class="avatar-card-bg"
                  />
                  <div data-v-e2880ffa="" class="nc-nav-header-profile">
                    <div data-v-e2880ffa="" class="self-header-info-name">
                      <div data-v-e2880ffa="" class="avatar-card">
                        <span
                          data-v-e2880ffa=""
                          class="el-avatar el-avatar--circle"
                          style="height: 48px; width: 48px; line-height: 48px"
                          ><img
                            src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/889007829_1569925458763_025D697BCBE26745C4064EE75FB3AA64.png"
                            style="object-fit: cover"
                        /></span>
                        <!---->
                        <!---->
                      </div>
                      <div data-v-e2880ffa="" class="name-desc">
                        <div data-v-e2880ffa="" class="name">
                          <a
                            data-v-e2880ffa=""
                            href="https://www.nowcoder.com/profile/889007829"
                            >喵奇葩~哞~咩~</a
                          >
                          <img
                            data-v-e2880ffa=""
                            src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/1661257659531YZASW.png"
                            alt="level"
                            class="name-level"
                          />
                        </div>
                        <div data-v-e2880ffa="" class="identity">
                          <div
                            data-v-e2880ffa=""
                            class="hover-to-green"
                            style="
                              width: max-content;
                              display: flex;
                              align-items: center;
                            "
                          >
                            暂未认证，去认证<span
                              data-v-6acb0236=""
                              data-v-e2880ffa=""
                              tagname="span"
                              class="ncicon ncicon-bleed"
                              aria-label="Zhankai002"
                              ><svg
                                data-v-6acb0236=""
                                focusable="false"
                                viewBox="0 0 1024 1024"
                                fill="currentColor"
                                width="12"
                                height="12"
                                aria-hidden="true"
                              >
                                <path
                                  fill="currentColor"
                                  fill-rule="nonzero"
                                  d="M289.3514 187.8043c-19.8576-17.5625-21.7181-47.8974-4.1557-67.755 17.3869-19.659 47.292-21.679 67.1561-4.6767l.5989.521L723.848 443.9236c33.096 29.2708 36.1968 79.829 6.926 112.9249a80 80 0 0 1-6.115 6.1989l-.811.7271-370.8973 328.0299c-19.8576 17.5624-50.1925 15.7019-67.755-4.1557-17.3868-19.659-15.7371-49.5868 3.5654-67.2242l.5903-.5307L646.696 503.85 289.3514 187.8043z"
                                ></path></svg
                            ></span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <a
                    data-v-e2880ffa=""
                    href="https://www.nowcoder.com/profile/889007829"
                    class="self-page"
                    >个人主页</a
                  >
                  <div data-v-e2880ffa="" class="line-long"></div>
                  <div data-v-e2880ffa="" class="vip-card">
                    <img
                      data-v-e2880ffa=""
                      src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/1660831936829GCLLO.png"
                    />
                    <div data-v-e2880ffa="" class="vip-text-label">
                      <div data-v-e2880ffa="" class="nk-vip-text">牛客会员</div>
                      <img
                        data-v-e2880ffa=""
                        src=""
                        class="vip-label-pic"
                      />
                    </div>
                    <div data-v-e2880ffa="" class="nk-vip-desc">
                      <a
                        data-v-e2880ffa=""
                        href="https://www.nowcoder.com/users/vip/detail?pageSource_var=%E5%AF%BC%E8%88%AA%E6%A0%8F-%E4%B8%AA%E4%BA%BA%E4%BF%A1%E6%81%AF"
                        target="_blank"
                        >求职路上牛客为你保驾护航</a
                      >
                    </div>
                    <div data-v-e2880ffa="" class="open-vip-btn">
                      <a
                        data-v-e2880ffa=""
                        href="https://www.nowcoder.com/users/vip/detail?pageSource_var=%E5%AF%BC%E8%88%AA%E6%A0%8F-%E4%B8%AA%E4%BA%BA%E4%BF%A1%E6%81%AF"
                        target="_blank"
                        >立即开通</a
                      >
                    </div>
                    <!---->
                  </div>
                  <div data-v-e2880ffa="" class="nc-nav-header-link">
                    <div data-v-e2880ffa="" style="display: inline-block">
                      <div data-v-e2880ffa="" class="nc-nav-header-linkitem">
                        <img
                          data-v-e2880ffa=""
                          src=""
                          style="margin-top: 8px; width: 20px; height: 20px"
                        />
                        <span data-v-e2880ffa="" style="margin-top: 8px"
                          >我的简历</span
                        >
                      </div>
                    </div>
                    <div data-v-e2880ffa="" style="display: inline-block">
                      <div data-v-e2880ffa="" class="nc-nav-header-linkitem">
                        <img
                          data-v-e2880ffa=""
                          src=""
                          style="margin-top: 8px; width: 20px; height: 20px"
                        />
                        <span data-v-e2880ffa="" style="margin-top: 8px"
                          >内容</span
                        >
                      </div>
                    </div>
                    <div data-v-e2880ffa="" style="display: inline-block">
                      <div data-v-e2880ffa="" class="nc-nav-header-linkitem">
                        <img
                          data-v-e2880ffa=""
                          src=""
                          style="margin-top: 8px; width: 20px; height: 20px"
                        />
                        <span data-v-e2880ffa="" style="margin-top: 8px"
                          >投递记录</span
                        >
                      </div>
                    </div>
                    <div data-v-e2880ffa="" style="display: inline-block">
                      <div data-v-e2880ffa="" class="nc-nav-header-linkitem">
                        <img
                          data-v-e2880ffa=""
                          src=""
                          style="margin-top: 8px; width: 20px; height: 20px"
                        />
                        <span data-v-e2880ffa="" style="margin-top: 8px"
                          >收藏</span
                        >
                      </div>
                    </div>
                    <div data-v-e2880ffa="" style="display: inline-block">
                      <div data-v-e2880ffa="" class="nc-nav-header-linkitem">
                        <img
                          data-v-e2880ffa=""
                          src=""
                          style="margin-top: 8px; width: 20px; height: 20px"
                        />
                        <span data-v-e2880ffa="" style="margin-top: 8px"
                          >刷题</span
                        >
                      </div>
                    </div>
                    <div data-v-e2880ffa="" style="display: inline-block">
                      <div data-v-e2880ffa="" class="nc-nav-header-linkitem">
                        <img
                          data-v-e2880ffa=""
                          src=""
                          style="margin-top: 8px; width: 20px; height: 20px"
                        />
                        <span data-v-e2880ffa="" style="margin-top: 8px"
                          >牛币兑换</span
                        >
                      </div>
                    </div>
                    <div data-v-e2880ffa="" style="display: inline-block">
                      <div data-v-e2880ffa="" class="nc-nav-header-linkitem">
                        <img
                          data-v-e2880ffa=""
                          src=""
                          style="margin-top: 8px; width: 20px; height: 20px"
                        />
                        <span data-v-e2880ffa="" style="margin-top: 8px"
                          >我要招聘</span
                        >
                      </div>
                    </div>
                    <div data-v-e2880ffa="" class="line"></div>
                    <div data-v-e2880ffa="" class="account-set">
                      <div
                        data-v-e2880ffa=""
                        class="account-set-item"
                        style="margin-left: 44px"
                      >
                        账号设置
                      </div>
                      <div
                        data-v-e2880ffa=""
                        style="
                          width: 1px;
                          height: 14px;
                          background: rgb(248, 248, 248);
                          margin-left: 44px;
                        "
                      ></div>
                      <div
                        data-v-e2880ffa=""
                        class="account-set-item"
                        style="margin-left: 44px"
                      >
                        退出登录
                      </div>
                    </div>
                  </div>
                </ul>
              </div>
            </div>
          </div>
        </nav>
      </header>

      <div class="nk-main clearfix">
        <div class="module-box subject-box">
          <div class="nowcoder-topic">
            <div class="com-subject-wrap">
              <div class="com-subject-title">{{ form.name }}</div>
              <!-- <div class="com-subject-title">中兴软件类笔试试卷A</div> -->
              <i class="v-tag">企业提供原题</i>
              <!-- class="progress-time"  -->
              <!-- // href="javascript:void(0);"  -->
              <a class="progress-time progressTime" title="暂停">
                <i class="ico-time-control progressTime"></i>

                <!-- <span
                  data-left="7137"
                  data-time="63"
                  class="time-text"
                  style="font-size: 20px"
                  >00:01:19</span
                > -->

                <span class="do-exam-time">
                  <label>剩余时间：</label>
                  <label>{{ formatSeconds(remainTime) }}</label>
                </span>
              </a>
            </div>
            <div class="subject-title-box">
              <div class="answer-progress">18/22</div>
              <!-- <div class="subject-title">[单选题]</div> -->
              <div class="subject-title">
                [{{ questionItem.questionTypeName }}]
              </div>
            </div>
            <div class="subject-main">
              <div class="subject-content">
                <!-- titleItem -->
                <!-- {{titleItem}} -->

                <!-- questionItem

                {{ questionItem }}
                {{ questionItem.title }} -->
                <!-- 加载题目 -->

                <!-- :iframeDocShowing="iframeDocShowing" -->
                <QuestionEditNowCoder
                  :qType="questionItem.questionType"
                  :question="questionItem"
                  :answer="answer.answerItems[questionItem.itemOrder - 1]"
                />

                <!-- <div class="subject-question">
                  <span style="color: rgb(77, 77, 77)"
                    >对 n 个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有
                    35 个结点<span style="color: rgb(77, 77, 77)"
                      >，则 n 的值是：</span
                    ></span
                  >
                </div> -->
                <!-- <a
                  href="javascript:void(0);"
                  class="subject-options"
                  data-id="4722112"
                >
                  <label class="radio" id="jsCpn_0_checkbox_0">
                    <span class="icons"></span>
                    <input type="radio" data-toggle="radio" value="4722112" />
                    <pre>16</pre>
                  </label>
                </a>
                <a
                  href="javascript:void(0);"
                  class="subject-options"
                  data-id="4722113"
                >
                  <label class="radio" id="jsCpn_1_checkbox_1">
                    <span class="icons"></span>
                    <input type="radio" data-toggle="radio" value="4722113" />
                    <pre>17</pre>
                  </label>
                </a>
                <a
                  href="javascript:void(0);"
                  class="subject-options"
                  data-id="4722114"
                >
                  <label class="radio" id="jsCpn_2_checkbox_2">
                    <span class="icons"></span>
                    <input type="radio" data-toggle="radio" value="4722114" />
                    <pre>18</pre>
                  </label>
                </a>
                <a
                  href="javascript:void(0);"
                  class="subject-options"
                  data-id="4722115"
                >
                  <label class="radio" id="jsCpn_3_checkbox_3">
                    <span class="icons"></span>
                    <input type="radio" data-toggle="radio" value="4722115" />
                    <pre>19</pre>
                  </label>
                </a>
                <a
                  href="javascript:void(0);"
                  class="subject-options"
                  data-id="4722116"
                >
                  <label class="radio" id="jsCpn_4_checkbox_4">
                    <span class="icons"></span>
                    <input type="radio" data-toggle="radio" value="4722116" />
                    <pre>20</pre>
                  </label>
                </a> -->
              </div>

              <div class="subject-action clearfix">
                <div class="subject-opr">
                  <span class="subject-opr-item"
                    ><i class="ico-collect"></i
                    ><a
                      href="javascript:void(0);"
                      class="js-follow nc-req-auth"
                      data-id="2718042"
                      >收藏本题</a
                    ></span
                  >

                  <span class="subject-opr-item"
                    ><i class="ico-mark"></i
                    ><a
                      href="javascript:void(0);"
                      class="js-mark nc-req-auth"
                      data-id="2718042"
                      data-tid="63829344"
                      data-title="标记该题，着重查看。"
                      data-tips-index="1"
                      >标记一下</a
                    ></span
                  >

                  <!-- <a
                    href="javascript:void(0);"
                    class="subject-opr-item js-call-help"
                    ><span class="icon-nc-share3"></span>场外求助</a
                  > -->
                  <!-- <a
                    href="javascript:void(0);"
                    class="subject-opr-item js-feedback"
                    ><span class="icon-nc-question-sign"></span>知识点有误？</a
                  > -->
                </div>

                <div class="subject-next">
                  <!-- method="post" -->
                  <!-- action="https://www.nowcoder.com/question/next?pid=43831164&amp;qid=2718042&amp;tid=63829344" -->
                  <form id="submitForm">
                    <!-- <el-button type="" @click="toDrawIo">toDrawIo</el-button> -->

                    <input type="hidden" name="content" id="answer" />
                    <!-- type="submit" -->
                    <!-- drawIoShowingToggle -->
                    <input
                      @click="drawIoShowingToggle"
                      name="button"
                      class="btn btn-primary"
                      value="画流程图"
                    />

                    <!-- <input
                      @click="iframeDocShowDo"
                      name="button"
                      class="btn btn-primary"
                      value="iframeDocShowingToggle"
                    /> -->

                    <input
                      @click="prevProblem"
                      name="button"
                      class="btn btn-primary"
                      value="上一题"
                    />

                    <input
                      id="aheadFinish"
                      name="button"
                      class="btn warning-btn"
                      value="设计流程图"
                      @click="toSetDrawPageG6"
                    />
                    <input
                      id="aheadFinish"
                      name="button"
                      class="btn warning-btn"
                      value="画树状图"
                      @click="toSetDrawPageG6Editor"
                    />
                    <!-- 提前交卷 -->
                    <input
                      id="aheadFinish"
                      name="button"
                      class="btn warning-btn"
                      value="提交试卷"
                      @click="submitFormConfirm"
                    />
                    <!-- type="submit" -->
                    <input
                      id="next"
                      @click="nextProblem"
                      name="button"
                      class="btn btn-primary"
                      value="下一题"
                    />
                  </form>
                </div>
              </div>
              <div class="subject-new-tips">
                * 交卷即可查看全部答案和解析，完成所有题目有机会获得企业内推
              </div>
            </div>

            <!-- 展开的时候加class:open -->
            <div class="answer-sheet-box open">
              <div class="answer-sheet-type">
                <i class="icon-nc-make-up"></i>
                <span>单选题14道</span>
                <span>不定项选择题6道</span>
                <span>编程题2道</span>
              </div>

              <a href="javascript:void(0)" class="card-unfold">收起答题卡</a>
              <a href="javascript:void(0)" class="card-fold">展开答题卡</a>
              <ul class="answer-sheet-num clearfix">
                <!-- <li></li> -->

                <!-- v-for="(item,index) in dataLi"      -->

                <!-- class="answering-num" -->
                <!-- class="answering-num" -->
                <li
                  @click="changeProblem(index)"
                  v-for="(questionItem, index) in titleItem.questionItems"
                  :key="questionItem.id + '' + '-' + index"
                >
                  <a
                    href="javascript:void(0);"
                    :class="{ 'answering-num': questionItemIdx == index }"
                    data-qid="2718025"
                  >
                    {{ index + 1 }}
                  </a>
                </li>
              </ul>
            </div>

            <link
              rel="stylesheet"
              href="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/main.entry(1).css"
            />
            <!-- <script
              type="text/javascript"
              crossorigin="anonymous"
              src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/main.entry.js.下载"
            ></script> -->
          </div>
          <input
            type="hidden"
            id="jsQuestionInfo"
            data-pid="43831164"
            data-tid="63829344"
            data-qid="2718042"
            data-total="22"
            data-left="22"
          />
        </div>

        <!-- <script
          type="text/javascript"
          crossorigin="anonymous"
          src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/main.entry.js(1).下载"
        ></script> -->

        <div class="fixed-menu" style="bottom: 220.5px">
          <div class="right-nav-bar">
            <div
              data-v-81bad520=""
              class="tw-w-10 tw-fixed tw-right-2.5 tw-rounded-t-lg tw-rounded-bl-lg tw-shadow-sm tw-bg-white tw-z-[999] tw-bottom-[225px]"
            >
              <!---->
              <a
                data-v-81bad520=""
                href="https://www.weibo.com/nowcoder"
                target="_blank"
                class="button-style tw-mb-2"
                ><span
                  data-v-6acb0236=""
                  data-v-81bad520=""
                  tagname="span"
                  class="ncicon ncicon-bleed"
                  aria-label="Weibo001"
                  ><svg
                    data-v-6acb0236=""
                    focusable="false"
                    viewBox="0 0 1024 1024"
                    fill="currentColor"
                    width="20"
                    height="20"
                    aria-hidden="true"
                  >
                    <path
                      fill="currentColor"
                      fill-rule="nonzero"
                      d="M821.7259 471c-1.2483 0-2.4966-.0591-3.7449-.4139-8.8569-1.951-14.5039-10.7605-12.5423-19.6882 10.4024-45.939 6.1226-78.5163-12.6017-96.7855-30.9693-30.2713-93.7401-15.6678-94.3345-15.4904-8.9758 2.1876-17.9515-3.311-20.032-12.1204-2.14-8.8685 3.2099-17.737 12.1856-19.9247 3.3288-.8277 81.1979-19.156 125.3039 23.886 27.4622 26.8422 34.833 69.7069 21.7558 127.589-1.605 7.7452-8.4408 12.9481-15.99 12.9481zm108.1687 46c-1.2483 0-2.3778-.1187-3.6855-.2968-12.0076-2.018-20.1514-13.4142-18.1897-25.3445 18.6058-112.2995 3.5666-190.9447-44.761-233.9177-74.5422-66.1213-207.6957-28.5497-209.0629-28.1936-11.6509 3.3833-23.8963-3.3832-27.344-15.0168-3.3288-11.6335 3.3883-23.8606 15.1581-27.3626 6.301-1.8993 157.5253-44.813 250.5545 37.453 60.5729 53.6568 80.4865 145.8943 59.1463 274.1603C949.8676 509.3433 940.535 517 929.8946 517zm-201.7149-.7757s91.4714-217.9035-213.5519-109.3378c9.6692-114.5048-39.9817-183.9916-188.8748-99.3602 0 0-483.7544 328.3697-130.9192 538.1367 0 0 443.7134 183.5165 645.0454-157.3252 39.9224-122.76-78.599-173.9546-111.6995-172.1135zm-285.458 329.1438c-146.7376 16.7842-274.792-48.4546-285.9426-145.8975-11.1506-97.4429 98.695-190.0225 245.4326-206.8066 146.797-16.9028 274.8513 48.3952 286.002 145.7788 11.2099 97.3836-98.7543 190.0819-245.492 206.9253zm104.8594-175.8395c-6.0667-66.6985-75.2978-115.0015-154.5805-107.8213-79.2827 7.1802-138.6407 66.9952-132.574 133.753 6.0666 66.7579 75.2382 115.0609 154.521 107.8214 79.3422-7.1209 138.6406-67.0546 132.6335-133.753zM360.4702 755C335.9432 755 316 736.41 316 713.5298 316 690.6497 335.9431 672 360.4702 672 385.1164 672 405 690.6497 405 713.5298 405 736.4099 385.0569 755 360.4702 755zM436.5 685C425.7313 685 417 676.3269 417 665.5582 417 654.7313 425.7313 646 436.4999 646 447.2684 646 456 654.7313 456 665.5582 456.058 676.2687 447.2684 685 436.4999 685z"
                    ></path></svg></span
              ></a>
              <span data-v-81bad520="">
                <div
                  role="tooltip"
                  id="el-popover-8998"
                  aria-hidden="true"
                  class="el-popover el-popper"
                  tabindex="0"
                  style="width: 151px; display: none"
                >
                  <!---->
                  <div data-v-81bad520="" class="tw-p-3 tw-box-border">
                    <div data-v-81bad520="" class="tw-mb-2 tw-text-center">
                      <img
                        data-v-81bad520=""
                        width="90"
                        height="90"
                        src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/59_1534321710941_41A541F87AE349E1D829B1B0B95C955D.png"
                      />
                    </div>
                    <div
                      data-v-81bad520=""
                      class="tw-text-size-caption tw-text-gray-700 tw-text-center"
                    >
                      扫描二维码，进入QQ群
                    </div>
                  </div>
                </div>
                <span class="el-popover__reference-wrapper"
                  ><span
                    data-v-81bad520=""
                    class="button-style tw-mb-2 el-popover__reference"
                    aria-describedby="el-popover-8998"
                    tabindex="0"
                    ><span
                      data-v-6acb0236=""
                      data-v-81bad520=""
                      tagname="span"
                      class="ncicon ncicon-bleed"
                      aria-label="QQ001"
                      ><svg
                        data-v-6acb0236=""
                        focusable="false"
                        viewBox="0 0 1019 1024"
                        fill="currentColor"
                        width="20"
                        height="20"
                        aria-hidden="true"
                      >
                        <path
                          fill="currentColor"
                          fill-rule="nonzero"
                          d="M874.8888 647.0475c-16.8426-97.8152-87.498-161.901-87.498-161.901 10.0747-88.7987-26.9174-104.5612-26.9174-104.5612-7.782-274.7512-243.8877-269.9673-248.87-269.835-4.9822-.1323-241.132-4.9162-248.8699 269.835 0 0-37.0141 15.7625-26.9394 104.5611 0 0-70.6554 64.0859-87.476 161.901 0 0-8.9945 165.274 80.7742 20.2377 0 0 20.1935 55.0914 57.1856 104.5611 0 0-66.1801 22.5083-60.5365 80.9506 0 0-2.2927 65.188 141.3107 60.7129 0 0 100.9236-7.8482 131.236-50.5941h26.6969c30.2903 42.7239 131.214 50.594 131.214 50.594 143.5593 4.4753 141.3106-60.7128 141.3106-60.7128 5.5995-58.4423-60.5365-80.9506-60.5365-80.9506 36.992-49.4697 57.1856-104.561 57.1856-104.561 89.6805 145.0363 80.7301-20.2377 80.7301-20.2377z"
                        ></path></svg></span></span
                ></span>
              </span>
              <span data-v-81bad520="">
                <div
                  role="tooltip"
                  id="el-popover-8083"
                  aria-hidden="true"
                  class="el-popover el-popper"
                  tabindex="0"
                  style="width: 151px; display: none"
                >
                  <!---->
                  <div data-v-81bad520="" class="tw-p-3 tw-box-border">
                    <div data-v-81bad520="" class="tw-mb-2 tw-text-center">
                      <img
                        data-v-81bad520=""
                        width="90"
                        height="90"
                        src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/1646799945943MMDZY.png"
                      />
                    </div>
                    <div
                      data-v-81bad520=""
                      class="tw-text-size-caption tw-text-gray-700 tw-text-center"
                    >
                      扫描二维码，关注牛客公众号
                    </div>
                  </div>
                </div>
                <span class="el-popover__reference-wrapper"
                  ><span
                    data-v-81bad520=""
                    class="button-style tw-mb-2 el-popover__reference"
                    aria-describedby="el-popover-8083"
                    tabindex="0"
                    ><span
                      data-v-6acb0236=""
                      data-v-81bad520=""
                      tagname="span"
                      class="ncicon ncicon-bleed"
                      aria-label="Weixin001"
                      ><svg
                        data-v-6acb0236=""
                        focusable="false"
                        viewBox="0 0 1024 1024"
                        fill="currentColor"
                        width="20"
                        height="20"
                        aria-hidden="true"
                      >
                        <path
                          fill="currentColor"
                          fill-rule="nonzero"
                          d="M670.4215 368.3475c10.286 0 20.4043.7823 30.5785 1.9C673.6079 242.722 537.2623 148 381.5745 148 207.5508 148 65 266.5283 65 417.1335c0 86.8984 47.4051 158.2613 126.6745 213.6974L160.0338 726l110.6865-55.4361c39.5788 7.7677 71.3313 15.815 110.8542 15.815 9.9506 0 19.7894-.4472 29.5164-1.1736-6.1493-21.1798-9.783-43.3095-9.783-66.3893.056-138.255 118.7924-250.4685 269.1136-250.4685zM499.4089 283C523.3087 283 539 298.6883 539 322.472 539 346.1443 523.3087 362 499.4089 362 475.7882 362 452 346.1442 452 322.472 452 298.6326 475.7323 283 499.4089 283zm-220.291 79C255.1436 362 231 346.1442 231 322.472 231 298.6884 255.1436 283 279.118 283 303.0922 283 319 298.6325 319 322.472 319 346.1443 303.0923 362 279.118 362zM959 614.6027C959 488.095 832.3657 385 690.1397 385 539.531 385 421 488.1508 421 614.6027c0 126.843 118.5869 229.6027 269.1397 229.6027 31.5189 0 63.3171-7.8788 94.9478-15.8135L871.876 876l-23.8068-79.1232C911.61 749.1568 959 685.9588 959 614.6028zM602.5184 575C586.8706 575 571 559.417 571 543.5c0-15.6943 15.8706-31.5 31.5184-31.5C626.4635 512 642 527.8057 642 543.5c0 15.917-15.5365 31.5-39.4816 31.5zm174.907 0C761.8521 575 746 559.417 746 543.5c0-15.6943 15.7964-31.5 31.4253-31.5C801.2036 512 817 527.8057 817 543.5c0 15.917-15.7964 31.5-39.5747 31.5z"
                        ></path></svg></span></span
                ></span>
              </span>
              <a
                data-v-81bad520=""
                href="https://www.nowcoder.com/app"
                target="_blank"
                class="el-tooltip button-style tw-mb-2"
                aria-describedby="el-tooltip-9996"
                tabindex="0"
                ><span
                  data-v-6acb0236=""
                  data-v-81bad520=""
                  tagname="span"
                  class="ncicon ncicon-bleed"
                  aria-label="Xiazaiapp001"
                  ><svg
                    data-v-6acb0236=""
                    focusable="false"
                    viewBox="0 0 1024 1024"
                    fill="currentColor"
                    width="20"
                    height="20"
                    aria-hidden="true"
                  >
                    <g fill="currentColor" fill-rule="nonzero">
                      <path
                        d="M815 584H209c-26.5097 0-48 21.4903-48 48v238.2857C161 918.2337 198.925 958 246.875 958h530.25C825.0755 958 863 918.2338 863 870.2857V632c0-26.5097-21.4903-48-48-48zm-48 96v182H257V680h510z"
                      ></path>
                      <path
                        d="M777.125 66c47.508 0 85.1162 39.0661 85.8637 86.409l.0113 1.4372V632h-96V162H257v470h-96V153.8462c0-47.507 37.1336-87.0482 84.4384-87.8343L246.875 66h530.25zM550 739c17.6731 0 32 14.3269 32 32 0 17.4964-14.0418 31.7131-31.4708 31.9957L550 803h-75c-17.6731 0-32-14.3269-32-32 0-17.4964 14.0418-31.7131 31.4708-31.9957L475 739h75z"
                      ></path>
                    </g></svg></span
              ></a>
              <span
                data-v-81bad520=""
                class="el-tooltip button-style"
                aria-describedby="el-tooltip-9990"
                tabindex="0"
                ><span
                  data-v-6acb0236=""
                  data-v-81bad520=""
                  tagname="span"
                  class="ncicon ncicon-bleed"
                  aria-label="Fankui001"
                  ><svg
                    data-v-6acb0236=""
                    focusable="false"
                    viewBox="0 0 1024 1024"
                    fill="currentColor"
                    width="20"
                    height="20"
                    aria-hidden="true"
                  >
                    <g fill="none" fill-rule="evenodd">
                      <path
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-width="96"
                        d="M861 424.75v352.49c0 46.2594-37.5006 83.76-83.76 83.76H246.76c-46.2594 0-83.76-37.5006-83.76-83.76V246.76c0-46.2594 37.5006-83.76 83.76-83.76H512M632.25 391.75 678 346l183-183"
                      ></path>
                      <path
                        fill="currentColor"
                        d="M305 557h75c17.6731 0 32 14.3269 32 32 0 17.6731-14.3269 32-32 32h-75c-17.6731 0-32-14.3269-32-32 0-17.6731 14.3269-32 32-32z"
                      ></path>
                      <rect
                        width="305"
                        height="64"
                        x="273"
                        y="685"
                        fill="currentColor"
                        rx="32"
                      ></rect>
                    </g></svg></span
              ></span>
              <div data-v-81bad520="" class="divider"></div>
              <div
                data-v-81bad520=""
                class="button-style"
                style="padding-bottom: 8px"
              >
                <img
                  data-v-81bad520=""
                  src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/1658127497180BNMEU.png"
                  style="width: 20px; height: 20px"
                />
              </div>
            </div>
            <!---->
          </div>
        </div>

        <div class="ft-wrap js-nowcoder-footer">
          <div data-v-462fe678="" class="tw-w-full tw-bg-[#282828]">
            <footer data-v-462fe678="" class="tw-w-1200 tw-mx-auto">
              <div
                data-v-462fe678=""
                class="tw-py-11 tw-flex tw-justify-between tw-border-b-1 tw-border-t-1 tw-border-transparent tw-border-gray-800 tw-items-center"
              >
                <ul
                  data-v-462fe678=""
                  class="tw-flex tw-h-5.5 tw-pl-0 tw-items-center"
                >
                  <li data-v-462fe678="" class="tw-mr-7.5">
                    <span data-v-462fe678="">
                      <div
                        role="tooltip"
                        id="el-popover-49"
                        aria-hidden="true"
                        class="el-popover el-popper"
                        tabindex="0"
                        style="width: 234px; display: none"
                      >
                        <!---->
                        <div data-v-462fe678="" class="tw-p-3 tw-box-border">
                          <div
                            data-v-462fe678=""
                            class="tw-text-size-base tw-text-gray-800 tw-text-center"
                          >
                            刷真题、补算法、看面经、得内推
                          </div>
                          <div
                            data-v-462fe678=""
                            class="tw-mt-3 tw-mb-2 tw-text-center"
                          >
                            <img
                              data-v-462fe678=""
                              width="90"
                              height="90"
                              src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/app_download.png"
                            />
                          </div>
                          <div
                            data-v-462fe678=""
                            class="tw-text-size-caption-pure tw-text-gray-700 tw-text-center"
                          >
                            扫一扫，把题目装进口袋
                          </div>
                        </div>
                      </div>
                      <span class="el-popover__reference-wrapper">
                        <div
                          data-v-462fe678=""
                          class="tw-text-size-base-pure tw-h-5.5 tw-flex tw-items-center font-color tw-cursor-pointer el-popover__reference"
                          aria-describedby="el-popover-49"
                          tabindex="0"
                        >
                          <span
                            data-v-6acb0236=""
                            data-v-462fe678=""
                            tagname="span"
                            class="ncicon tw-mr-1 ncicon-bleed"
                            aria-label="Xiazaiapp001"
                            ><svg
                              data-v-6acb0236=""
                              focusable="false"
                              viewBox="0 0 1024 1024"
                              fill="currentColor"
                              width="22"
                              height="22"
                              aria-hidden="true"
                            >
                              <g fill="currentColor" fill-rule="nonzero">
                                <path
                                  d="M815 584H209c-26.5097 0-48 21.4903-48 48v238.2857C161 918.2337 198.925 958 246.875 958h530.25C825.0755 958 863 918.2338 863 870.2857V632c0-26.5097-21.4903-48-48-48zm-48 96v182H257V680h510z"
                                ></path>
                                <path
                                  d="M777.125 66c47.508 0 85.1162 39.0661 85.8637 86.409l.0113 1.4372V632h-96V162H257v470h-96V153.8462c0-47.507 37.1336-87.0482 84.4384-87.8343L246.875 66h530.25zM550 739c17.6731 0 32 14.3269 32 32 0 17.4964-14.0418 31.7131-31.4708 31.9957L550 803h-75c-17.6731 0-32-14.3269-32-32 0-17.4964 14.0418-31.7131 31.4708-31.9957L475 739h75z"
                                ></path>
                              </g></svg></span
                          >移动版
                        </div>
                      </span>
                    </span>
                  </li>
                  <li data-v-462fe678="" class="tw-mr-7.5">
                    <a
                      data-v-462fe678=""
                      href="https://www.nowcoder.com/nowcoder/about"
                      class="tw-text-size-base-pure hover:tw-text-gray-500"
                      >关于我们</a
                    >
                  </li>
                  <li data-v-462fe678="" class="tw-mr-7.5">
                    <a
                      data-v-462fe678=""
                      href="https://www.nowcoder.com/nowcoder/recruitment"
                      class="tw-text-size-base-pure hover:tw-text-gray-500"
                      >加入我们</a
                    >
                  </li>
                  <li data-v-462fe678="" class="tw-mr-7.5">
                    <a
                      data-v-462fe678=""
                      href="javascript:void(0);"
                      class="tw-text-size-base-pure hover:tw-text-gray-500"
                      >意见反馈</a
                    >
                  </li>
                  <li data-v-462fe678="" class="tw-mr-7.5">
                    <a
                      data-v-462fe678=""
                      href="https://hr.nowcoder.com/"
                      class="tw-text-size-base-pure hover:tw-text-gray-500"
                      >企业服务</a
                    >
                  </li>
                  <li data-v-462fe678="" class="tw-mr-7.5">
                    <a
                      data-v-462fe678=""
                      href="https://www.nowcoder.com/nowcoder/school-cooperation"
                      class="tw-text-size-base-pure hover:tw-text-gray-500"
                      >校企合作</a
                    >
                  </li>
                  <li data-v-462fe678="" class="tw-mr-7.5">
                    <a
                      data-v-462fe678=""
                      href="https://www.nowcoder.com/html/cooperation"
                      class="tw-text-size-base-pure hover:tw-text-gray-500"
                      >联系我们</a
                    >
                  </li>
                  <li data-v-462fe678="" class="tw-mr-7.5">
                    <a
                      data-v-462fe678=""
                      href="https://www.nowcoder.com/html/disclaimer"
                      class="tw-text-size-base-pure hover:tw-text-gray-500"
                      >免责声明</a
                    >
                  </li>
                  <li data-v-462fe678="" class="tw-mr-7.5">
                    <a
                      data-v-462fe678=""
                      href="https://www.nowcoder.com/html/links"
                      class="tw-text-size-base-pure hover:tw-text-gray-500"
                      >友情链接</a
                    >
                  </li>
                  <li data-v-462fe678="">
                    <a
                      data-v-462fe678=""
                      href="https://www.nowcoder.com/home/resourcemap"
                      class="tw-text-size-base-pure hover:tw-text-gray-500"
                      >资源导航</a
                    >
                  </li>
                </ul>
                <div
                  data-v-462fe678=""
                  class="tw-flex tw-items-center"
                  style="color: rgb(102, 102, 102)"
                >
                  <span data-v-462fe678="">
                    <div
                      role="tooltip"
                      id="el-popover-2755"
                      aria-hidden="true"
                      class="el-popover el-popper"
                      tabindex="0"
                      style="width: 151px; display: none"
                    >
                      <!---->
                      <div data-v-462fe678="" class="tw-p-3 tw-box-border">
                        <div data-v-462fe678="" class="tw-mb-2 tw-text-center">
                          <img
                            data-v-462fe678=""
                            width="90"
                            height="90"
                            src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/59_1534321710941_41A541F87AE349E1D829B1B0B95C955D.png"
                          />
                        </div>
                        <div
                          data-v-462fe678=""
                          class="tw-text-size-caption tw-text-gray-700 tw-text-center"
                        >
                          扫描二维码，进入QQ群
                        </div>
                      </div>
                    </div>
                    <span class="el-popover__reference-wrapper"
                      ><span
                        data-v-462fe678=""
                        class="tw-cursor-pointer tw-mr-7.5 hover:tw-text-gray-500 el-popover__reference"
                        aria-describedby="el-popover-2755"
                        tabindex="0"
                        ><span
                          data-v-6acb0236=""
                          data-v-462fe678=""
                          tagname="span"
                          class="ncicon ncicon-bleed"
                          aria-label="QQ001"
                          ><svg
                            data-v-6acb0236=""
                            focusable="false"
                            viewBox="0 0 1019 1024"
                            fill="currentColor"
                            width="22"
                            height="22"
                            aria-hidden="true"
                          >
                            <path
                              fill="currentColor"
                              fill-rule="nonzero"
                              d="M874.8888 647.0475c-16.8426-97.8152-87.498-161.901-87.498-161.901 10.0747-88.7987-26.9174-104.5612-26.9174-104.5612-7.782-274.7512-243.8877-269.9673-248.87-269.835-4.9822-.1323-241.132-4.9162-248.8699 269.835 0 0-37.0141 15.7625-26.9394 104.5611 0 0-70.6554 64.0859-87.476 161.901 0 0-8.9945 165.274 80.7742 20.2377 0 0 20.1935 55.0914 57.1856 104.5611 0 0-66.1801 22.5083-60.5365 80.9506 0 0-2.2927 65.188 141.3107 60.7129 0 0 100.9236-7.8482 131.236-50.5941h26.6969c30.2903 42.7239 131.214 50.594 131.214 50.594 143.5593 4.4753 141.3106-60.7128 141.3106-60.7128 5.5995-58.4423-60.5365-80.9506-60.5365-80.9506 36.992-49.4697 57.1856-104.561 57.1856-104.561 89.6805 145.0363 80.7301-20.2377 80.7301-20.2377z"
                            ></path></svg></span></span
                    ></span>
                  </span>
                  <span data-v-462fe678="">
                    <div
                      role="tooltip"
                      id="el-popover-7990"
                      aria-hidden="true"
                      class="el-popover el-popper"
                      tabindex="0"
                      style="width: 151px; display: none"
                    >
                      <!---->
                      <div data-v-462fe678="" class="tw-p-3 tw-box-border">
                        <div data-v-462fe678="" class="tw-mb-2 tw-text-center">
                          <img
                            data-v-462fe678=""
                            width="90"
                            height="90"
                            src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/1657164410523CWJXY.png"
                          />
                        </div>
                        <div
                          data-v-462fe678=""
                          class="tw-text-size-caption tw-text-gray-700 tw-text-center"
                        >
                          扫描二维码，关注牛客公众号
                        </div>
                      </div>
                    </div>
                    <span class="el-popover__reference-wrapper"
                      ><span
                        data-v-462fe678=""
                        class="tw-cursor-pointer tw-mr-7.5 hover:tw-text-gray-500 el-popover__reference"
                        aria-describedby="el-popover-7990"
                        tabindex="0"
                        ><span
                          data-v-6acb0236=""
                          data-v-462fe678=""
                          tagname="span"
                          class="ncicon ncicon-bleed"
                          aria-label="Weixin001"
                          ><svg
                            data-v-6acb0236=""
                            focusable="false"
                            viewBox="0 0 1024 1024"
                            fill="currentColor"
                            width="22"
                            height="22"
                            aria-hidden="true"
                          >
                            <path
                              fill="currentColor"
                              fill-rule="nonzero"
                              d="M670.4215 368.3475c10.286 0 20.4043.7823 30.5785 1.9C673.6079 242.722 537.2623 148 381.5745 148 207.5508 148 65 266.5283 65 417.1335c0 86.8984 47.4051 158.2613 126.6745 213.6974L160.0338 726l110.6865-55.4361c39.5788 7.7677 71.3313 15.815 110.8542 15.815 9.9506 0 19.7894-.4472 29.5164-1.1736-6.1493-21.1798-9.783-43.3095-9.783-66.3893.056-138.255 118.7924-250.4685 269.1136-250.4685zM499.4089 283C523.3087 283 539 298.6883 539 322.472 539 346.1443 523.3087 362 499.4089 362 475.7882 362 452 346.1442 452 322.472 452 298.6326 475.7323 283 499.4089 283zm-220.291 79C255.1436 362 231 346.1442 231 322.472 231 298.6884 255.1436 283 279.118 283 303.0922 283 319 298.6325 319 322.472 319 346.1443 303.0923 362 279.118 362zM959 614.6027C959 488.095 832.3657 385 690.1397 385 539.531 385 421 488.1508 421 614.6027c0 126.843 118.5869 229.6027 269.1397 229.6027 31.5189 0 63.3171-7.8788 94.9478-15.8135L871.876 876l-23.8068-79.1232C911.61 749.1568 959 685.9588 959 614.6028zM602.5184 575C586.8706 575 571 559.417 571 543.5c0-15.6943 15.8706-31.5 31.5184-31.5C626.4635 512 642 527.8057 642 543.5c0 15.917-15.5365 31.5-39.4816 31.5zm174.907 0C761.8521 575 746 559.417 746 543.5c0-15.6943 15.7964-31.5 31.4253-31.5C801.2036 512 817 527.8057 817 543.5c0 15.917-15.7964 31.5-39.5747 31.5z"
                            ></path></svg></span></span
                    ></span>
                  </span>
                  <a
                    data-v-462fe678=""
                    href="https://weibo.com/nowcoder"
                    target="_blank"
                    class="tw-mr-7.5 hover:tw-text-gray-500"
                    style="color: rgb(102, 102, 102)"
                    ><span
                      data-v-6acb0236=""
                      data-v-462fe678=""
                      tagname="span"
                      class="ncicon ncicon-bleed"
                      aria-label="Weibo001"
                      ><svg
                        data-v-6acb0236=""
                        focusable="false"
                        viewBox="0 0 1024 1024"
                        fill="currentColor"
                        width="22"
                        height="22"
                        aria-hidden="true"
                      >
                        <path
                          fill="currentColor"
                          fill-rule="nonzero"
                          d="M821.7259 471c-1.2483 0-2.4966-.0591-3.7449-.4139-8.8569-1.951-14.5039-10.7605-12.5423-19.6882 10.4024-45.939 6.1226-78.5163-12.6017-96.7855-30.9693-30.2713-93.7401-15.6678-94.3345-15.4904-8.9758 2.1876-17.9515-3.311-20.032-12.1204-2.14-8.8685 3.2099-17.737 12.1856-19.9247 3.3288-.8277 81.1979-19.156 125.3039 23.886 27.4622 26.8422 34.833 69.7069 21.7558 127.589-1.605 7.7452-8.4408 12.9481-15.99 12.9481zm108.1687 46c-1.2483 0-2.3778-.1187-3.6855-.2968-12.0076-2.018-20.1514-13.4142-18.1897-25.3445 18.6058-112.2995 3.5666-190.9447-44.761-233.9177-74.5422-66.1213-207.6957-28.5497-209.0629-28.1936-11.6509 3.3833-23.8963-3.3832-27.344-15.0168-3.3288-11.6335 3.3883-23.8606 15.1581-27.3626 6.301-1.8993 157.5253-44.813 250.5545 37.453 60.5729 53.6568 80.4865 145.8943 59.1463 274.1603C949.8676 509.3433 940.535 517 929.8946 517zm-201.7149-.7757s91.4714-217.9035-213.5519-109.3378c9.6692-114.5048-39.9817-183.9916-188.8748-99.3602 0 0-483.7544 328.3697-130.9192 538.1367 0 0 443.7134 183.5165 645.0454-157.3252 39.9224-122.76-78.599-173.9546-111.6995-172.1135zm-285.458 329.1438c-146.7376 16.7842-274.792-48.4546-285.9426-145.8975-11.1506-97.4429 98.695-190.0225 245.4326-206.8066 146.797-16.9028 274.8513 48.3952 286.002 145.7788 11.2099 97.3836-98.7543 190.0819-245.492 206.9253zm104.8594-175.8395c-6.0667-66.6985-75.2978-115.0015-154.5805-107.8213-79.2827 7.1802-138.6407 66.9952-132.574 133.753 6.0666 66.7579 75.2382 115.0609 154.521 107.8214 79.3422-7.1209 138.6406-67.0546 132.6335-133.753zM360.4702 755C335.9432 755 316 736.41 316 713.5298 316 690.6497 335.9431 672 360.4702 672 385.1164 672 405 690.6497 405 713.5298 405 736.4099 385.0569 755 360.4702 755zM436.5 685C425.7313 685 417 676.3269 417 665.5582 417 654.7313 425.7313 646 436.4999 646 447.2684 646 456 654.7313 456 665.5582 456.058 676.2687 447.2684 685 436.4999 685z"
                        ></path></svg></span
                  ></a>
                  <a
                    data-v-462fe678=""
                    href="https://www.zhihu.com/org/niu-ke-wang-53"
                    target="_blank"
                    class="hover:tw-text-gray-500"
                    style="color: rgb(102, 102, 102)"
                    ><span
                      data-v-6acb0236=""
                      data-v-462fe678=""
                      tagname="span"
                      class="ncicon ncicon-bleed"
                      aria-label="Zhihu001"
                      ><svg
                        data-v-6acb0236=""
                        focusable="false"
                        viewBox="0 0 1024 1024"
                        fill="currentColor"
                        width="22"
                        height="22"
                        aria-hidden="true"
                      >
                        <path
                          fill="currentColor"
                          fill-rule="evenodd"
                          d="M816 115c53.0193 0 96 42.9807 96 96v608c0 53.0193-42.9807 96-96 96H208c-53.0193 0-96-42.9807-96-96V211c0-53.0193 42.9807-96 96-96h608zM375.2885 256s-38.641 2.1455-52.594 26.8032c-13.953 24.6578-57.9607 147.9557-57.9607 147.9557s.1217.0522.3612.1337l.1771.0585c2.8846.9247 17.2045 4.236 39.1752-11.985 24.6874-18.2254 33.2733-50.3915 33.2733-50.3915l45.0807-2.1455 1.073 130.801s-23.7018-.3241-47.7122-.4376l-2.6195-.0115c-18.765-.0762-37.1988-.0117-44.122.4492-16.1004 1.0719-24.6874 43.9584-24.6874 43.9584h119.143s-10.735 72.9049-40.7873 125.4406C311.9607 719.1638 254 760.9762 254 760.9762s41.8603 17.154 82.6493-6.433c40.7872-24.6595 70.8417-130.8012 70.8417-130.8012l95.5293 119.0082s8.5864-56.8226-1.0731-72.9048c-10.735-16.0822-66.5489-80.4097-66.5489-80.4097l-24.6874 21.4416 17.1735-70.7617H532l-.0006-.1106c-.0178-2.3613-.6112-41.7655-20.3933-43.8467-20.3939-2.1455-83.7212 0-83.7212 0V367.5021h94.4538s-1.073-42.886-19.3208-42.886H349.5286L375.2886 256zM771 321H556.0743L555 707.7859h38.6866L607.656 756l67.7022-48.2141H771V321zm-42 44v300.0616h-45.2039L626.7537 709l-12.9152-43.9384H602V365h127z"
                        ></path></svg></span
                  ></a>
                </div>
              </div>
              <div data-v-462fe678="" class="tw-py-8">
                <div data-v-462fe678="" class="tw-h-3 tw-mb-5 tw-flex">
                  <div data-v-462fe678="" class="bottom-text tw-border-none">
                    公司地址：北京市朝阳区北苑路北美国际商务中心K2座一层-北京牛客科技有限公司
                  </div>
                  <div data-v-462fe678="" class="bottom-text tw-pl-7.5">
                    联系方式：010-60728802
                  </div>
                  <div data-v-462fe678="" class="bottom-text tw-pl-7.5">
                    投诉举报电话：010-57596212（朝阳人力社保局）
                  </div>
                </div>
                <div data-v-462fe678="" class="tw-h-3 tw-flex">
                  <div data-v-462fe678="" class="bottom-text tw-border-none">
                    牛客科技©2022 All rights reserved
                    <a
                      data-v-462fe678=""
                      href="mailto:admin@nowcoder.com"
                      style="color: inherit"
                      >admin@nowcoder.com</a
                    >
                  </div>
                  <a
                    data-v-462fe678=""
                    href="https://beian.miit.gov.cn/"
                    target="_blank"
                    class="bottom-text tw-pl-6"
                    >京ICP备14055008号-4</a
                  >
                  <a
                    data-v-462fe678=""
                    href="https://uploadfiles.nowcoder.com/acts/icp.png"
                    target="_blank"
                    class="bottom-text tw-pl-6"
                    >增值电信业务经营许可证</a
                  >
                  <a
                    data-v-462fe678=""
                    href="https://static.nowcoder.com/protocol/license-center.html#business"
                    target="_blank"
                    class="bottom-text tw-pl-6"
                    >营业执照</a
                  >
                  <a
                    data-v-462fe678=""
                    href="https://static.nowcoder.com/protocol/license-center.html#human-resources"
                    target="_blank"
                    class="bottom-text tw-pl-6"
                    >人力资源服务许可证</a
                  >
                  <a
                    data-v-462fe678=""
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502036488"
                    target="_blank"
                    class="bottom-text tw-pl-6 tw-flex tw-items-center !tw-pr-0"
                    ><img
                      data-v-462fe678=""
                      width="14"
                      height="14"
                      src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/1637234087517BBAYE.png"
                      class="tw-mr-1"
                    />京公网安备 11010502036488号
                  </a>
                </div>
              </div>
            </footer>
          </div>
        </div>

        <div data-v-76b0d96b="" class="LiveBroadCast">
          <div data-v-76b0d96b="" style="position: relative">
            <!---->
            <!---->
            <span
              data-v-6acb0236=""
              data-v-76b0d96b=""
              tagname="span"
              class="ncicon closeIcon ncicon-bleed"
              aria-label="Guanbi001"
              ><svg
                data-v-6acb0236=""
                focusable="false"
                viewBox="0 0 1024 1024"
                fill="currentColor"
                width="14"
                height="14"
                aria-hidden="true"
              >
                <g fill="currentColor" fill-rule="nonzero">
                  <path
                    d="M830.0108 126.107c18.7185-18.7717 49.1104-18.8148 67.8821-.0962 18.584 18.5313 18.8122 48.5037.6523 67.3155l-.556.5666-329.3405 330.2762c-30.8856 30.9733-80.8396 31.3535-112.1926 1.087l-1.1048-1.087-329.3405-330.2762c-18.7186-18.7717-18.6755-49.1636.0963-67.8821 18.584-18.5314 48.5569-18.6745 67.3171-.4613l.565.5576L512 445.021l318.0108-318.914z"
                  ></path>
                  <path
                    d="M830.0108 884.5738c18.7185 18.7717 49.1104 18.8148 67.8821.0963 18.584-18.5314 18.8122-48.5038.6523-67.3156l-.556-.5666-329.3405-330.2761c-30.8856-30.9734-80.8396-31.3536-112.1926-1.087l-1.1048 1.087-329.3405 330.276c-18.7186 18.7718-18.6755 49.1637.0963 67.8823 18.584 18.5313 48.5569 18.6744 67.3171.4612l.565-.5575L512 565.6598l318.0108 318.914z"
                  ></path>
                </g></svg
            ></span>
          </div>
        </div>
      </div>
    </div>
    <div id="waf_nc_block" style="display: none">
      <div class="waf-nc-mask"></div>
      <div id="WAF_NC_WRAPPER" class="waf-nc-wrapper">
        <img
          class="waf-nc-icon"
          src="@/assets/对n个互不相同的符号进行哈夫曼编码。若生成的哈夫曼树共有35个结点，则n的值是：_中兴软件类笔试试卷A_牛客网_files/robot.png"
          alt=""
          height="111"
          width="150"
        />
        <p class="waf-nc-description">为保证您的正常访问，请进行如下验证：</p>
        <div id="nocaptcha"></div>
      </div>
    </div>
    <div
      id="jlzsCpn_0_component_0"
      class="jlzs-container jlzs-gate"
      style="width: auto; height: 693px"
    ></div>

    <!-- nowEditAns -->
    <el-dialog title="" width="1400px" :visible.sync="drawIoShowing">
      <DrawIo
        @saveDrawBack="saveDrawBack"
        :drawIo="questionItem.drawIo"
      ></DrawIo>
    </el-dialog>

    <el-dialog title="" width="1400px" :visible.sync="iframeDocShowing">
      <iframe
        ref="myframe"
        id="myframe"
        class="iframeDoc"
        rameborder="no"
        border="0"
        marginwidth="0"
        marginheight="0"
        scrolling="no"
        allowtransparency="yes"
        :src="docUrl"
      ></iframe>
      <!-- src="http://43.142.150.223:2301" -->
      <!-- src="http://localhost:3001" -->
      <!-- http://43.142.150.223:2323 -->
      <!-- 2301 -->
      <!-- src="http://43.142.150.223:2323" -->
      <!-- src="http://localhost:3001" -->
      <!-- 2301 drawio -->
    </el-dialog>

    <el-dialog
      top="10px"
      class="dialogG6Editor"
      :visible.sync="dialogVisibleEditorG6Code"
      append-to-body
      :close-on-click-modal="false"
      width="1300px"
      height="1200px"
      :show-close="false"
      center
    >
      <G6Tree
        @onClose="onCloseG6Tree"
        @onCloseNotSave="onCloseNotSaveG6Tree"
        @exportData="exportData"
        :data="drawIoStr"
      ></G6Tree>
    </el-dialog>
    <!-- :close-on-click-modal="false" -->

    <el-dialog
      top="10px"
      class="dialogG6Editor"
      :visible.sync="richEditor.dialogVisibleEditorG6"
      append-to-body

      width="1300px"
      height="1200px"
      :show-close="false"
      center
    >
    <!-- drawIoStr -->
    <!-- <G6Editor @exportData="exportData" :data="drawIoStr" mode="edit"> -->
      <G6Editor  class="G6Editor" @exportData="exportData" :data="{}" mode="edit">

      <!-- <G6Editor @exportData="exportData" :data="form.drawIo" mode="edit"> -->
      </G6Editor>
    </el-dialog>
    <!-- autoplay="autoplay" -->
    <!-- video load  -->
    <!-- <video
      src="http://139.196.8.79/images/7-1%20%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB%E5%BC%80%E5%8F%91%E6%98%AF%E4%BB%80%E4%B9%88.mp4"
      :controls="videoOptions.controls"
      class="video-js vjs-big-play-centered vjs-fluid"
      webkit-playsinline="true"
      playsinline="true"
      x-webkit-airplay="allow"
      x5-playsinline
      style="width: 100%"
      @play="onPlayerPlay"
      @pause="onPlayerPause"
      @seeking="seeking"
      ref="video"
    ></video> -->

    <!-- <video
        ref="myVideo"
        :poster="poster"
        :src="src"
        :controls="controls"
        oncontextmenu="return false"
        @timeupdate="timeupdate"
        controlslist="nodownload"
        class="video-box"
      ></video> -->
    <!-- ————————————————
版权声明：本文为CSDN博主「BradyCC」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/bradycc/article/details/106434961 -->

    <!-- tw-w-10 -->
    <!-- tw-w-400 -->
    <div
      data-v-106c86ed=""
      data-v-81bad520=""
      class="tw-w-200 tw-fixed tw-right-2.5 tw-rounded-t-lg tw-rounded-bl-lg tw-shadow-sm tw-bg-white tw-z-[999] tw-bottom-[225px]"
    >
      <!-- width="400" height="300" -->
      <video ref="video" autoplay width="100" height="100"></video>
    </div>
    <el-button type="" @click="toSetDrawPageG6">去设计流程图</el-button>
  </div>
</template>

<script>
// import "codemirror/theme/ambiance.css";
//   import "codemirror/lib/codemirror.css";
//   import "codemirror/addon/hint/show-hint.css";

//   let CodeMirror = require("codemirror/lib/codemirror");
//   require("codemirror/addon/edit/matchbrackets");
//   require("codemirror/addon/selection/active-line");
//   require("codemirror/mode/sql/sql");
//   require("codemirror/addon/hint/show-hint");
//   require("codemirror/addon/hint/sql-hint");
// import G6Editor from "@/components/G6Editor/index";
import eventBus from "@/utils/eventBus";
// import G6Editor from './components/G6Editor'
// import G6Editor from '@/components/G6Editor'
import G6Editor from "@/components/G6Editor/index";
import "codemirror/theme/ambiance.css";
import "codemirror/lib/codemirror.css";
import "codemirror/addon/hint/show-hint.css";
// D:\proj\bishe\exam-vue-admin3\src\components\CodeMirrorEditorBlack.vue

let CodeMirror = require("codemirror/lib/codemirror");
require("codemirror/addon/edit/matchbrackets");
require("codemirror/addon/selection/active-line");
require("codemirror/mode/sql/sql");
require("codemirror/addon/hint/show-hint");
require("codemirror/addon/hint/sql-hint");
// D:\proj\bishe\exam-vue-student\src\views\G6TreeTest.vue

import G6 from "@antv/g6";
// D:\proj\bishe\exam-vue-admin3\src\utils\CodeMirrorUtil.js
import CodeMirrorUtil from "@/utils/CodeMirrorUtil";
import NodeUtil from "@/utils/NodeUtil";

import G6Util from "@/utils/G6Util";

// import {throttle} from "@/utils/throttle";
import { throttle } from "@/utils/tools";

import "codemirror/lib/codemirror.css";
import "codemirror/mode/xml/xml"; // xml编辑器模式
import "codemirror/theme/monokai.css"; // 主题

import { mapState, mapGetters } from "vuex";
import { formatSeconds } from "@/utils";
import QuestionEditNowCoder from "../components/QuestionEditNowCoder";
import QuestionEdit from "../components/QuestionEdit";
import DrawIo from "@/views/DrawIo";
import examPaperApi from "@/api/examPaper";
import examPaperAnswerApi from "@/api/examPaperAnswer";

// vue-codemirror  vue2
import { codemirror } from "vue-codemirror";
import "codemirror/theme/liquibyte.css"; //导入选中的theme主题,与初始化theme配置一致
// import "codemirror/addon/hint/show-hint.css"; //导入自动提示核心样式

import "codemirror/mode/sql/sql.js"; //导入使用的语言语法定义文件，初始化mode配置一致
import "codemirror/addon/edit/matchbrackets.js";
import "codemirror/addon/hint/show-hint.js"; //导入自动提示核心文件
import "codemirror/addon/hint/sql-hint.js"; //导入指定语言的提示文件

import "codemirror/mode/sql/sql.js";
// 主题css
import "codemirror/theme/solarized.css";
// require active-line.js
import "codemirror/addon/selection/active-line.js";
// closebrackets
import "codemirror/addon/edit/closebrackets.js";
import JavaScriptDemoVue from "../../JavaScriptDemo.vue";
// <!-- import { log } from "console"; -->

import common from "@/utils/common";

import ObjUtil from "@/utils/ObjUtil";
import G6Tree from "@/components/G6Tree";
// ————————————————
// 版权声明：本文为CSDN博主「啾酱」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
// 原文链接：https://blog.csdn.net/qq_44818275/article/details/126142915

export default {
  components: {
    QuestionEdit,
    codemirror,
    JavaScriptDemoVue,
    QuestionEditNowCoder,
    DrawIo,
    G6Tree,
    G6Editor,
  },
  data() {
    // 43.142.150.223
    // let  docUrl="http://43.142.150.223:2301"
    let docUrl = "http://43.142.150.223:2323";

    return {
      dialogVisibleEditorG6Code: false,
      docUrl: docUrl,
      iframeWin: null,
      // debug:true,
      debug: false,
      drawIoShowing: false,
      iframeDocShowing: false,
      questionItemIdx: 0,
      questionItem: {},
      videoOptions: {
        controls: true,
        src: "xxxxxxx.mp4", // url地址
      },
      player: null,
      playTime: "",
      seekTime: "",
      current: "",

      _context2d: null,
      canvas: null,
      code: "#include<int></int>",
      curCode: "#include<int></int>",
      // cmOptions: {
      //   value: "#include<int></int>", //编辑器的起始值。可以是字符串，也可以是文档对象。
      //   // mode: "text/x-hive", //第一个将模式名称映射到它们的构造函数，第二个将MIME类型映射到模式规范。
      //   // mode: "sql",
      //   mode: 'text/x-mysql', // 选择代码语言，我这里选的sql

      //   theme: "liquibyte", //编辑器样式的主题
      //   indentWithTabs: true, //在缩进时，是否tabSize 应该用N个制表符替换前N *个空格。默认值为false。
      //   smartIndent: true, //是否使用模式提供的上下文相关缩进（或者只是缩进与之前的行相同）。默认为true。
      //   lineNumbers: true, //是否在编辑器左侧显示行号。
      //   matchBrackets: true, //括号匹配
      //   autofocus: true, //可用于使CodeMirror将焦点集中在初始化上
      //   extraKeys: { "Ctrl-Space": "autocomplete" }, //按键配置
      //   hintOptions: {
      //     tables: {
      //       users: ["name", "score", "birthDate"],
      //       countries: ["name", "population", "size"],
      //     },
      //   },
      // },

      mediaStreamTrack: null,
      cmOptions: {
        tabSize: 4, // tabsize默认为4
        styleActiveLine: true,
        lineNumbers: true,
        line: true,
        mode: "text/x-mysql", // 选择代码语言，我这里选的sql
        extraKeys: { Ctrl: "autocomplete" }, //自动提示配置
        lineWrapping: true, // 自动换行
        theme: "solarized light", // 主题根据需要自行配置
      },
      // ————————————————
      // 版权声明：本文为CSDN博主「啾酱」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
      // 原文链接：https://blog.csdn.net/qq_44818275/article/details/126142915

      titleItemIdx: 0,
      titleItem: {},
      form: {
        name: "nothing",
        score: 1,
        // suggestTime:"1分钟",
        suggestTime: 1,
        // rm.score}}</span>
        //   <span class="question-title-padding">考试时间：{{form.suggestTime}
      },
      formLoading: false,
      answer: {
        questionId: null,
        doTime: 0,
        answerItems: [],
      },
      timer: null,
      remainTime: 0,
      drawIoStr: null,
      richEditor: {
        dialogVisibleEditor: false,
        dialogVisible: false,
        object: null,
        parameterName: "",
        instance: null,
        dialogVisibleEditorG6: false,
      },
      nowEditAns: {},
    };
  },
  created() {
    eventBus.$on("exportData", (data) => {
      console.log("data exportData emit");
      console.log(data);
    });

    eventBus.$on("onCloseNotSave", (data) => {
      console.log("onCloseNotSave");
      // console.log(onCloseNotSave);

      this.richEditor.dialogVisibleEditorG6 = false;
    });
    // setTimeout(() => {
    //   this.$refs.codemirrorCode.refresh();
    // }, 1);
    // // 这样的确在组
    // let id = this.$route.query.id;
    // console.log("this.$route.query");
    // console.log(this.$route.query);
    // let _this = this;
    // if (id && parseInt(id) !== 0) {
    //   _this.formLoading = true;
    //   examPaperApi.select(id).then((re) => {
    //     console.log("re examPaperApi");
    //     console.log(re);
    //     _this.form = re.response;
    //     if (!_this.form) {
    //       _this.$message.error("没有数据  id " + id);
    //       // _this.$message.error(re.message)
    //       console.log("_this.    $router");
    //       console.log(_this.$router);
    //       // _this.    $router.back()
    //       _this.$router.go(-1);
    //       console.log("this.$router.go  func");
    //       console.log(this.$router.go);
    //       // this.history.go(-1);
    //       return;
    //     }
    //     _this.remainTime = re.response.suggestTime * 60;
    //     _this.initAnswer();
    //     _this.timeReduce();
    //     _this.formLoading = false;
    //   });
    // }
    // idnex.html
    // //获取iframe元素
    // let
    // iFrame = document.getElementById('myframe')
    // //iframe加载完毕后再发送消息，否则子页面接收不到message
    // iFrame.onload = function(){
    //   //iframe加载完立即发送一条消息
    //   iFrame.contentWindow.postMessage('MessageFromIndex1','*');
    // }
    // // iframePage.html
    // //回调函数
    // function receiveMessageFromIndex ( event ) {
    //   console.log( 'receiveMessage from  xioo-docs/ ', event )
    // }
    // //监听message事件
    // window.addEventListener("message", receiveMessageFromIndex, false);
  },
  mounted() {
    this.iframeMounted();
    this.initData();
    this.initVueApp();
    this.btnTakePhotoClicked();
    // this. drawIoStr=JSON.stringify(
    //   this.answer.answerItems[this.questionItemIdx].drawIo
    // )

    eventBus.$on("exportData", (data) => {
      console.log("data exportData emit");
      console.log(data);
    });
    // onCloseNotSave
    eventBus.$on("onCloseNotSave", (data) => {
      console.log("onCloseNotSave");
      // console.log(onCloseNotSave);

      this.richEditor.dialogVisibleEditorG6 = false;
    });
    eventBus.$on("onClose", (data) => {
      console.log("data onClose emit");
      console.log(data);
      this.richEditor.dialogVisibleEditorG6 = false;
      // let questionId = this.$route.query?.question_id;
      let questionId = this.form.id;

      // this.form.questionId
      // node_draw
      let qu = {
        id: 145,
        questionType: 5,
        subjectId: 5,
        title: "drawio",
        gradeLevel: 2,
        items: [],
        analyze: "无",
        correctArray: null,
        correct: "drawio",
        score: 1,
        difficult: 3,
        itemOrder: null,
        videoLink: null,
        createUserId: null,
      };

      let drawObj = {};
      let drawObjContent = data;
      questionDrawApi
        .saveDrawOfQuestion(drawObj, this.$message, questionId, drawObjContent)
        .then((re) => {
          console.log("re");
          console.log(re);
          // this.form.title = re.response;
          // this.richEditor.dialogVisibleEditor = false;
        });
    });
  },

  beforeDestroy() {
    window.clearInterval(this.timer);
    this.stopVideo();
  },
  methods: {
    toSetDrawPageG6() {
      this.richEditor.dialogVisibleEditorG6 = true;
    },

    // exportData(data){
    //   console.log("data exportData")
    //   console.log(data)
    // },

    toSetDrawPageG6Editor() {
      this.dialogVisibleEditorG6Code = true;
    },
    onCloseG6Tree(JsonCodeMirrorVal) {
      // this.$emit('onClose',JsonCodeMirrorVal)

      console.log("JsonCodeMirrorVal onCloseG6Tree");
      console.log(JsonCodeMirrorVal);
      let nowEditAns = this.answer.answerItems[this.questionItemIdx];
      nowEditAns.drawIo = JsonCodeMirrorVal;
      this.nowEditAns = nowEditAns;
      // this.form.g6Tree=JsonCodeMirrorVal
      this.dialogVisibleEditorG6Code = false;
    },
    onCloseNotSaveG6Tree(JsonCodeMirrorVal) {
      this.dialogVisibleEditorG6Code = false;
    },
    exportData(data) {
      console.log(data);
    },
    onClose() {
      // onClose
      // onClose
      this.richEditor.dialogVisibleEditor = false;
    },
    sendMegToIframe(data) {
      // 向iframe传值
      // console.log("this.$refs");
      // console.log(this.$refs);
      // const mapFrame = this.$refs['myframe'];
      // const iframeWin = mapFrame.contentWindow;
      // if(!this.iframeWin){

      //   this.mountIframeDoc()
      // }
      let iframeWin = this.iframeWin;
      // iframeWin.postMessage(
      //   // {
      //   //   value: 'backSuccess',
      //   //   id: 'vue',
      //   //   success: true
      //   // },
      //   data,
      //   "*"
      // );
      window.top.postMessage(data, "*");

      // setTimeout(()=>{
      //   let iframeWin=  this.iframeWin
      // iframeWin.postMessage(
      //   // {
      //   //   value: 'backSuccess',
      //   //   id: 'vue',
      //   //   success: true
      //   // },
      //   data,
      //   '*'
      // );
      // },20)
    },

    docShowSetData() {
      this.iframeDocShowing = true;
      // console.log("this.content");
      // console.log(this.content);
      // let content = this.answer.content;
      let nowEditAns = this.answer.answerItems[this.questionItemIdx];
      let content = nowEditAns.content;
      // this.answer.answerItems[this.questionItemIdx].content = docContent;
      console.log("content docShow");
      console.log(content);
      //   if (data.type == 'init') {
      //   return
      // // }
      let that = this;
      setTimeout(() => {
        // let  docUrl="http://43.142.150.223:2301"
        let docUrl = this.docUrl;
        // let  docUrl="http://localhost:3001"
        // let  docUrl="http://43.142.150.223:2323"
        // var url =  "/ceshi.html?id="+111;

        // js  obj to query string
        let data = {
          type: "init",
          content,
        };
        let queryData = ObjUtil.objectToQueryString(data);
        console.log("queryData");
        console.log(queryData);
        //  var url =  `${docUrl}?${queryData}`;
        var url = `${docUrl}/${queryData}`;
        // aaa.location=url;
        console.log("url");
        console.log(url);
        // console.log("url");
        // console.log(url);
        // console.log("that.iframeWin");
        // console.log(that.iframeWin);
        let iframeWin = that.getIframeWin();
        console.log("iframeWin get");
        console.log(iframeWin);

        // iframeWin.location.href=url;
        // this.iframeWin.location=url;
        // that.iframeWin.location.href=url;
        // window.location.href = "XXX"
        window.docData = {
          type: "init",
          content,
        };
        // window.docContent=content
        console.log("sendMegToIframe to  firame");
        this.sendMegToIframe({
          type: "init",
          content,
        });
        // let  dataStr=JSON.stringify(data)
        // console.log("dataStr sendMegToIframe");
        // console.log(dataStr);
        // this.$store.dispatch('webSocketSend', dataStr)        // 不分模块
        // socketPublic.dispatch('webSocketSend',dataStr);//初始化w
      }, 20);
      // this.$nextTick(()=>{
      //   this.sendMegToIframe({
      //     type:"init",
      //     content
      //   })
      // })
    },
    getIframeWin() {
      if (this.iframeWin == null) {
        this.iframeWin = this.$refs.myframe?.contentWindow;
      }
      return this.iframeWin;
    },
    iframeMounted() {
      //获取iframe元素
      let iFrame = this.$refs.myframe;
      // myframe
      let iframeWin = this.getIframeWin();
      // let iframeWin = this.$refs.myframe?.contentWindow;;
      this.iframeWin = iframeWin;
      // this.iframeWin=iframeWin
      // let
      // iFrame = document.getElementById('myframe')

      //iframe加载完毕后再发送消息，否则子页面接收不到message
      // iFrame.onload = function(){

      //   //iframe加载完立即发送一条消息
      //   iFrame.contentWindow.postMessage('MessageFromIndex1','*');

      // }
      // iframePage.html

      //回调函数
      let _this = this;
      const receiveMessageFromIndex = (event) => {
        // console.log("receiveMessage from  xioo-docs/ do page ", event);
        let docContent = event.data.content;
        // data
        if (event.data.type == "close") {
          console.log("docContent on close do page");
          console.log(docContent);
          _this.iframeDocShowing = false;
          // answer.content=docContent
          // this.iframeDocShowing = false;
          console.log("this.answer");
          console.log(_this.answer);
          console.log(" this.answer?.answerItems");
          console.log(_this.answer?.answerItems);
          console.log("this.questionItemIdx");
          console.log(_this.questionItemIdx);
          console.log("this.answer?.answerItems[this.questionItemIdx]");
          console.log(_this.answer?.answerItems[_this.questionItemIdx]);
          // this.answer?.answerItems[this.questionItemIdx]?.content = docContent;
          // this.answer?.answerItems[this.questionItemIdx]?.content = docContent;
          this.answer.answerItems[this.questionItemIdx].content = docContent;
        }
        // console.log("docContent on close  do page");
        // console.log(docContent);
      };

      //监听message事件
      window.addEventListener("message", receiveMessageFromIndex, false);
    },
    saveDrawBack(drawIo) {
      this.answer.answerItems[this.questionItemIdx].drawIo = drawIo;
      // this.questionItem.drawIo = drawIo
      console.log(" this.questionItem saveDrawBack");
      console.log(this.questionItem);
      this.drawIoShowing = false;
    },
    drawIoShowingToggle() {
      this.drawIoShowing = !this.drawIoShowing;
    },
    iframeDocShowDo() {
      this.docShowSetData();
    },
    iframeDocShowingToggle() {
      this.iframeDocShowing = !this.iframeDocShowing;
      // this.drawIoShowing = !this.drawIoShowing;
    },
    toDrawIo() {
      // $router.push query
      let id = this.$route.query.id;
      // let questionId = this.$route.query?.question_id;
      // console.log("questionId");
      // console.log(questionId);
      this.$router.push({
        path: "/test-sys/DrawIo",
        query: {
          question_id: id,
        },
      });
    },
    checkThis() {},
    selectOption() {},
    seeking() {},
    initData() {
      setTimeout(() => {
        this.$refs.codemirrorCode.refresh();
      }, 1);
      // 这样的确在组
      let id = this.$route.query.id;
      console.log("this.$route.query");
      console.log(this.$route.query);
      let _this = this;
      let paperId = id;
      if (id && parseInt(id) !== 0) {
        _this.formLoading = true;
        examPaperApi.select(id).then((re) => {
          console.log("re examPaperApi");
          console.log(re);
          _this.form = re.response;
          if (!_this.form) {
            _this.$message.error("没有数据  id " + id);
            // _this.$message.error(re.message)
            console.log("_this.    $router");
            console.log(_this.$router);
            // _this.    $router.back()
            _this.$router.go(-1);
            console.log("this.$router.go  func");
            console.log(this.$router.go);
            // this.history.go(-1);
            return;
          }
          let titleItems = _this.form.titleItems;
          _this.for_titleItems(titleItems);
          console.log("titleItems");
          console.log(titleItems);
          // _this.questionItem= _this.form.titleItem.qu
          _this.remainTime = re.response.suggestTime * 60;
          if (_this.debug) {
            _this.remainTime = 111111111111;
          }

          _this.initAnswer();
          _this.timeReduce();
          _this.formLoading = false;
        });
      }
    },

    for_titleItems(titleItems) {
      // titleItemIdx:0,
      // titleItem
      this.titleItem = titleItems[this.titleItemIdx];
      for (let titleItem of titleItems) {
        console.log("titleItem");
        console.log(titleItem);
      }
      // getQuestionTypeByInt
      this.questionItem = this.titleItem.questionItems[this.questionItemIdx];
      // questionItem
      this.forQuestionItems(this.titleItem.questionItems);
    },

    forQuestionItems() {
      for (let questionItem of this.titleItem.questionItems) {
        questionItem.questionTypeName = common.getQuestionTypeByInt(
          questionItem.questionType
        );
        if (!questionItem.drawIo) {
          questionItem.drawIo = JSON.parse(
            '{"text":[],"begin":[],"circle":[],"lines":[]}'
          );
        }

        // console.log("titleItem");
        // console.log(titleItem);
      }
    },
    initVideo() {
      //原生初始化视频方法
      let myVideo = this.$refs.video;
      //ontimeupdate
      myVideo.ontimeupdate = function () {
        myFunction();
      };
      let _this = this;

      function myFunction() {
        let playTime = myVideo.currentTime;
        setTimeout(function () {
          localStorage.setItem("cacheTime", playTime);
        }, 500);
        let time = localStorage.getItem("cacheTime");
        // 当前播放位置发生变化时触发。
        if (playTime - Number(time) > 2) {
          myVideo.currentTime = Number(time);
        } else {
        }
      }
    },

    // 播放回调
    onPlayerPlay(player) {
      // this.globalSetting = true
      console.log("player play!", player);
      // document.getElementsByClassName("vjs-control-bar").style.display = "block";
      // document.getElementsByClassName("vjs-control-bar").style.display = "block";
    },

    // 暂停回调
    onPlayerPause(player) {
      // this.globalSetting.controls = false;
      // console.log("player pause!", player);
      // var video = document.getElementById("video");
      // video.controls=false;
      // document.getElementsByClassName("vjs-control-bar").style.display = "none";
    },

    stopVideo() {
      let mediaStreamTrack = this.mediaStreamTrack;
      if (mediaStreamTrack) {
        console.log(this.mediaStreamTrack);
        console.log(this.mediaStreamTrack.getTracks());
        this.mediaStreamTrack.getTracks()[0].stop();
        this.mediaStreamTrack.getTracks()[1].stop();
      }
    },
    // async
    initVueApp() {
      // navigator.mediaDevices.getUserMedia 关闭
      navigator.mediaDevices
        .getUserMedia({ video: true, audio: false })
        .then((res) => {
          this.$refs.video.srcObject = res;

          // 视频分析
          this.mediaStreamTrack = res;
        });
      // this.$refs.video.srcObject= await navigator.mediaDevices.getUserMedia({video:true,audio:false});
      this._context2d = this.$refs.canvas.getContext("2d");
      this.canvas = this.$refs.canvas;
      console.log("this.canvas");
      console.log(this.canvas);
    },

    btnTakePhotoClicked() {
      // this._context2d.drawImage(this.$refs.video, 0, 0, 400, 300);
      this._context2d.drawImage(this.$refs.video, 0, 0, 200, 150);
      var img = document.createElement("img"); // 创建img元素
      img.src = this.canvas.toDataURL("image/png"); // 截取视频第一帧
      var svaeHref = document.getElementById("save_herf");
      console.log(img.src);

      var sd = document.getElementById("save_img");
      svaeHref.href = img.src;
      sd.src = img.src;
    },

    formatSeconds(theTime) {
      return formatSeconds(theTime);
    },
    goBack() {
      // this.    $router.go(-1)
      this.$router.push({ path: "/dashboard" });
    },

    timeReduce() {
      let _this = this;
      this.timer = setInterval(function () {
        if (_this.remainTime <= 0) {
          _this.submitForm();
          // _this.submitFormConfirm();
        } else {
          ++_this.answer.doTime;
          --_this.remainTime;
        }
      }, 1000);
    },
    questionCompleted(completed) {
      return this.enumFormat(this.doCompletedTag, completed);
    },
    goAnchor(selector) {
      this.$el.querySelector(selector).scrollIntoView({
        behavior: "instant",
        block: "center",
        inline: "nearest",
      });
    },
    initAnswer() {
      this.answer.id = this.form.id;
      let drawIoInitObj = JSON.parse(
        '{"text":[],"begin":[],"circle":[],"lines":[]}'
      );
      let titleItemArray = this.form.titleItems;
      for (let tIndex in titleItemArray) {
        let questionArray = titleItemArray[tIndex].questionItems;
        for (let qIndex in questionArray) {
          let question = questionArray[qIndex];

          this.answer.answerItems.push({
            questionId: question.id,
            content: null,
            contentArray: [],
            completed: false,
            itemOrder: question.itemOrder,
            drawIoId: null,
            drawIo: drawIoInitObj,
          });
          console.log("question.itemOrder");
          console.log(question.itemOrder);
          console.log("question.id");
          console.log(question.id);
          // console.log("this.answer.answerItems initAnswer");
          // console.log(this.answer.answerItems);
        }
      }

      this.drawIoStr = JSON.stringify(
        this.answer.answerItems[this.questionItemIdx].drawIo
      );
      this.nowEditAns=this.answer.answerItems[this.questionItemIdx];
    },
    nextProblem() {
      console.log("this.questionItemIdx");
      console.log(this.questionItemIdx);
      // <!-- log  -->

      console.log("this.titleItem.questionItems.length");
      console.log(this.titleItem.questionItems.length);
      if (this.questionItemIdx >= this.titleItem.questionItems.length - 1) {
        alert("last");
        return;
        // this.titleItemIdx++;
        // this.questionItemIdx=0;
        // this.titleItem=this.form.titleItems[this.titleItemIdx]
        // this.questionItem= this.titleItem.questionItems[this.questionItemIdx]
      }
      this.questionItemIdx++;
      this.questionItem = this.titleItem.questionItems[this.questionItemIdx];
      console.log(" this.questionItem=");
      console.log(this.questionItem);
      // this.questionItem.drawIo
      this.nowEditAns=this.answer.answerItems[this.questionItemIdx];
    },
    prevProblem() {
      console.log("this.questionItemIdx");
      console.log(this.questionItemIdx);
      // <!-- log  -->

      console.log("this.titleItem.questionItems.length");
      console.log(this.titleItem.questionItems.length);
      if (this.questionItemIdx <= 0) {
        alert("first");
        return;
        // this.titleItemIdx++;
        // this.questionItemIdx=0;
        // this.titleItem=this.form.titleItems[this.titleItemIdx]
        // this.questionItem= this.titleItem.questionItems[this.questionItemIdx]
      }
      this.questionItemIdx--;
      this.questionItem = this.titleItem.questionItems[this.questionItemIdx];
      console.log(" this.questionItem=");
      console.log(this.questionItem);
      this.nowEditAns=this.answer.answerItems[this.questionItemIdx];
    },

    changeProblem(index) {
      this.questionItemIdx = index;
      this.questionItem = this.titleItem.questionItems[this.questionItemIdx];
    },
    submitFormConfirm() {
      let that = this;
      // 引用确认消息弹窗api
      this.$confirm(
        "确定要提前提交试卷吗。", // 第一个参数为弹窗消息内容
        "提示", // 第二个参数为弹窗左上角标题title
        // 第三个参数为弹窗项的options，应该为object对象
        {
          confirmButtonText: "确定", // 确认按钮的文本，可省略，默认为确定
          cancelButtonText: "取消", // 取消按钮的文本，可省略，默认为取消
          type: "warning", // 弹窗的消息类型，比如为warning时弹窗左边图标为'!'感叹号，为success时图标为'√'的勾。
        }
      )
        // then中填写点击确认按钮后执行的事件，例如执行删除该条数据的delect请求
        // then中填写点击确认按钮后执行的事件，例如执行删除该条数据的delect请求
        // then中填写点击确认按钮后执行的事件，例如执行删除该条数据的delect请求
        .then(() => {
          that.submitForm();
        })
        // catch中填写点击取消按钮后执行的事件，例如消息提示“已取消删除”
        .catch(() => {
          this.$message.info(this.$t("lang.Deletecancelled")); // 使用i18n国际化表示的“已取消删除”
        });
      // ————————————————
      // 版权声明：本文为CSDN博主「LangForOne」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
      // 原文链接：https://blog.csdn.net/vvv3171071/article/details/125430070
    },
    submitForm() {
      // el ui 弹窗 确定

      let _this = this;
      window.clearInterval(_this.timer);
      _this.formLoading = true;
      console.log("this.answer submitForm");
      console.log(this.answer);
      for (let answerItem of this.answer.answerItems) {
        // answerItem.drawIo = answerItem.drawIo.replace(/data:image\/png;base64,/g, "");
        answerItem.drawIo = JSON.stringify(answerItem.drawIo);
      }

      examPaperAnswerApi
        .answerSubmit(this.answer)
        .then((re) => {
          if (re.code === 1) {
            _this.$alert("试卷得分：" + re.response + "分", "考试结果", {
              confirmButtonText: "返回考试记录",
              callback: (action) => {
                _this.$router.push("/record/index");
              },
            });
          } else {
            _this.$message.error(re.message);
          }
          _this.formLoading = false;
        })
        .catch((e) => {
          _this.formLoading = false;
        });
    },
  },
  computed: {
    ...mapGetters("enumItem", ["enumFormat"]),
    ...mapState("enumItem", {
      doCompletedTag: (state) => state.exam.question.answer.doCompletedTag,
    }),
  },
};
</script>

<style lang="scss" scoped>
.align-center {
  text-align: center;
}

.exam-question-item {
  padding: 10px;

  .el-form-item__label {
    font-size: 15px !important;
  }
}

.question-title-padding {
  padding-left: 25px;
  padding-right: 25px;
}

.progressTime :hover {
  color: black;
}

.iframeDoc {
  width: 90vw;
  height: 90vh;
  border: medium none;
}

.dialogG6Editor {
  /* width: 1000px; */
  /* height: 600px; */
  /* padding: 0;
  margin: 0;
  border: none; */
  height: 800px;
}
// .G6Editor{
//   height: 800px;
// }
</style>

<style>
/* .el-dialog__body {
 height:800px;
} */
</style>